/**
 * CSS-in-JS utilities for constructable stylesheets
 */
/**
 * Creates a CSSStyleSheet from a template literal
 * Results are cached for performance
 *
 * @example
 * ```ts
 * const styles = css`
 *   :host {
 *     display: block;
 *   }
 * `;
 * ```
 *
 * @param strings - Template literal strings
 * @param values - Interpolated values
 * @returns A CSSStyleSheet instance
 */
export declare function css(strings: TemplateStringsArray, ...values: (string | number)[]): CSSStyleSheet;
/**
 * Combines multiple CSSStyleSheet instances into an array
 * Useful for composing styles from multiple sources
 *
 * @param sheets - Stylesheets to combine
 * @returns Array of stylesheets
 */
export declare function combineStyles(...sheets: CSSStyleSheet[]): CSSStyleSheet[];
/**
 * Creates CSS custom property declarations from an object
 *
 * @example
 * ```ts
 * const vars = cssVars({
 *   'color-primary': 'oklch(60% 0.15 250)',
 *   'spacing-md': '1rem'
 * });
 * // Returns: '--color-primary: oklch(60% 0.15 250); --spacing-md: 1rem;'
 * ```
 *
 * @param vars - Object of variable names to values
 * @returns CSS custom property declarations string
 */
export declare function cssVars(vars: Record<string, string | number>): string;
/**
 * Default theme CSS custom properties
 * Uses --color-* naming to be compatible with @duskmoon-dev/core
 *
 * Note: Color variables are NOT set here to allow inheritance from document.
 * Document should provide these via :root or [data-theme] selectors.
 * Only non-color design tokens are set as defaults.
 */
export declare const defaultTheme: CSSStyleSheet;
/**
 * Light theme color defaults
 * Apply this to :root or document for light theme
 */
export declare const lightThemeColors = "\n  /* Primary colors */\n  --color-primary: oklch(60% 0.15 250);\n  --color-primary-content: white;\n  --color-on-primary: white;\n\n  /* Secondary colors */\n  --color-secondary: oklch(55% 0.1 250);\n  --color-secondary-content: white;\n  --color-on-secondary: white;\n\n  /* Tertiary colors */\n  --color-tertiary: oklch(50% 0.12 300);\n  --color-tertiary-content: white;\n  --color-on-tertiary: white;\n\n  /* Surface colors */\n  --color-surface: white;\n  --color-surface-container: oklch(97% 0.01 250);\n  --color-surface-container-low: oklch(98% 0.005 250);\n  --color-surface-container-high: oklch(94% 0.01 250);\n  --color-on-surface: oklch(25% 0.02 250);\n  --color-on-surface-variant: oklch(45% 0.02 250);\n\n  /* Outline colors */\n  --color-outline: oklch(75% 0.02 250);\n  --color-outline-variant: oklch(85% 0.01 250);\n\n  /* Semantic colors */\n  --color-success: oklch(60% 0.15 145);\n  --color-warning: oklch(75% 0.15 85);\n  --color-error: oklch(55% 0.2 25);\n  --color-info: oklch(60% 0.15 250);\n\n  /* Shadows */\n  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);\n  --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n  --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n  /* Focus */\n  --focus-ring: 0 0 0 2px var(--color-primary);\n  --focus-ring-offset: 0 0 0 2px white, 0 0 0 4px var(--color-primary);\n";
/**
 * Reset styles for Shadow DOM elements
 */
export declare const resetStyles: CSSStyleSheet;
//# sourceMappingURL=styles.d.ts.map