@layer theme, base, themeon.tokens, themeon.reset, themeon.base, themeon.composition, themeon.blueprints, themeon.components, themeon.utilities, components, utilities;
/* generated by @themeon/core */
@layer themeon.tokens {
  :root {
    color-scheme: light;
    --color-primary: #bf36ff;
    --color-primary-hover: #c85cff;
    --color-primary-pressed: #a82de5;
    --color-primary-suppl: #f5e6ff;
    --color-accent: #f6890f;
    --color-accent-hover: #f8a233;
    --color-success: #20C997;
    --color-warning: #FFCC00;
    --color-error: #FF3B30;
    --color-info: #0069A7;
    --color-bg-base: #050520;
    --color-bg-card: #ffffff;
    --color-bg-modal: #ffffff;
    --color-bg-popover: #ffffff;
    --color-bg-overlay: rgba(0, 0, 0, 0.45);
    --color-bg-surface: #f8f9fb;
    --color-text-primary: #ffffff;
    --color-text-muted: #f5f5f4;
    --color-text-secondary: #78716c;
    --color-text-disabled: #d6d3d1;
    --color-text-inverted: #ffffff;
    --color-text-success: #1a9c5b;
    --color-text-warning: #9c6800;
    --color-text-error: #c0392b;
    --color-text-info: #0069A7;
    --color-focus-ring: rgb(191 54 255 / 50%);
    --color-border-base: #e7e5e4;
    --color-border-card: #e7e5e4;
    --border-radius: var(--radius-sm);
    --border-width-base: 1px;
    --border-width-medium: 2px;
    --shadow-card: 0 1px 4px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);
    --shadow-modal: 0 8px 40px rgba(0,0,0,.16);
    --opacity-disabled: 0.4;
    --opacity-hover: 0.8;
    --transition-duration: 0.2s;
    --transition-easing: ease;
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-4xl: 96px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;
    --font-sans: "Commissioner", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Sansation", "Manrope", sans-serif;
    --font-mono: "JetBrains Mono", "Fira Code", monospace;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 60px;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --line-normal: 1.5;
    --line-tight: 1.25;
    --line-snug: 1.375;
    --line-relaxed: 1.625;
    --z-base: 0;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-overlay: 300;
    --z-modal: 400;
    --z-toast: 500;
    --gradient-brand: linear-gradient(135deg, #bf36ff, #ff4949);
    --gradient-purple: linear-gradient(90deg, #4e0ea4 0%, #9306d6 100%);
    --gradient-accent: linear-gradient(135deg, #c844e4, #f0522a);
    --gradient-sunset: linear-gradient(134deg, #cd43ff 28%, #fd65a6 62%, #fc9651 75%, #ffae52 86%);
    --gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    --header-height: 72px;
    --container-max-width: 1270px;
    --tracking-sm: 0.04em;
    --tracking-md: 0.06em;
    --tracking-lg: 0.1em;
    --motion-duration-fast: 120ms;
    --motion-duration-normal: 200ms;
    --motion-duration-slow: 320ms;
    --motion-easing-default: ease;
    --motion-easing-in: cubic-bezier(0.4, 0, 1, 1);
    --motion-easing-out: cubic-bezier(0, 0, 0.2, 1);
    --motion-easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  [data-theme="dark"] {
    color-scheme: dark;
    --color-primary: #bf36ff;
    --color-primary-hover: #cf68ff;
    --color-primary-pressed: #b334ed;
    --color-primary-suppl: #3a164f;
    --color-accent: #f8a233;
    --color-accent-hover: #fbc26e;
    --color-success: #4ade80;
    --color-warning: #fbbf24;
    --color-error: #f87171;
    --color-info: #60a5fa;
    --color-bg-base: #1c1917;
    --color-bg-card: #292524;
    --color-bg-modal: #292524;
    --color-bg-popover: #44403c;
    --color-bg-overlay: rgba(0, 0, 0, 0.65);
    --color-bg-surface: #292524;
    --color-text-primary: #fafaf9;
    --color-text-muted: #f5f5f4;
    --color-text-secondary: #a8a29e;
    --color-text-disabled: #57534e;
    --color-text-inverted: #1c1917;
    --color-text-success: #4ade80;
    --color-text-warning: #fbbf24;
    --color-text-error: #f87171;
    --color-text-info: #60a5fa;
    --color-focus-ring: rgb(191 54 255 / 40%);
    --color-border-base: #44403c;
    --color-border-card: #44403c;
    --shadow-card: 0 1px 4px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.24);
    --shadow-modal: 0 8px 40px rgba(0,0,0,.48);
  }
}