src/generated/tokens.css

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-primitive-violet-500: oklch(0.5973 0.2237 279.77); /** Primary violet brand color (hex #6C63FF) */
  --color-primitive-pink-500: oklch(0.7234 0.1854 1.78); /** Secondary pink brand color (hex #FF6B9D) */
  --color-primitive-success: oklch(0.7227 0.1920 149.58); /** Success semantic green (hex #22C55E) */
  --color-primitive-warning: oklch(0.7686 0.1647 70.08); /** Warning semantic amber (hex #F59E0B) */
  --color-primitive-error: oklch(0.6368 0.2078 25.33); /** Error semantic red (hex #EF4444) */
  --color-primitive-info: oklch(0.6231 0.1880 259.81); /** Info semantic blue (hex #3B82F6) */
  --color-primitive-neutral-50: oklch(0.9846 0.0017 247.84); /** Neutral gray 50 (hex #F9FAFB) */
  --color-primitive-neutral-100: oklch(0.9670 0.0029 264.54); /** Neutral gray 100 (hex #F3F4F6) */
  --color-primitive-neutral-200: oklch(0.9276 0.0058 264.53); /** Neutral gray 200 (hex #E5E7EB) */
  --color-primitive-neutral-400: oklch(0.7137 0.0192 261.32); /** Neutral gray 400 (hex #9CA3AF) */
  --color-primitive-neutral-600: oklch(0.4461 0.0263 256.80); /** Neutral gray 600 (hex #4B5563) */
  --color-primitive-neutral-800: oklch(0.2781 0.0296 256.85); /** Neutral gray 800 (hex #1F2937) */
  --color-primitive-neutral-900: oklch(0.2101 0.0318 264.66); /** Neutral gray 900 (hex #111827) */
  --color-primitive-neutral-950: oklch(0.1184 0.0137 284.11); /** Neutral gray 950 (hex #05050A) */
  --color-primitive-neutral-970: oklch(0.1430 0.0131 284.63); /** Brand background base color (hex #09090F) */
  --color-primitive-neutral-surface: oklch(0.1879 0.0223 284.05); /** Brand surface base color (hex #12121D) */
  --motion-fast: 150ms;
  --motion-normal: 250ms;
  --motion-slow: 400ms;
  --motion-easing-standard: cubic-bezier(0.25, 0.8, 0.25, 1);
  --motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
  --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
  --spacing-xxs: 2px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-xxl: 32px;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /** Default sans-serif font family (system stack; no external CDN) */
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /** Default monospace font family (system stack; no external CDN) */
  --font-size-display: 48px; /** Font size for prominent display headings */
  --font-size-h1: 28px; /** Font size for h1 headings */
  --font-size-h2: 20px; /** Font size for h2 headings */
  --font-size-h3: 16px; /** Font size for h3 headings */
  --font-size-body: 13px; /** Font size for standard body copy */
  --font-size-small: 11px; /** Font size for secondary or minor text */
  --font-size-caption: 9px; /** Font size for caption text */
  --color-brand-primary: var(--color-primitive-violet-500); /** Primary action and brand color */
  --color-brand-secondary: var(--color-primitive-pink-500); /** Secondary action and accent color */
  --color-brand-background: var(--color-primitive-neutral-970); /** App background color */
  --color-brand-surface: oklch(from var(--color-primitive-neutral-surface) l c h / 0.75); /** Frosted panel background color */
  --color-semantic-success: var(--color-primitive-success); /** Success states color */
  --color-semantic-warning: var(--color-primitive-warning); /** Warning states color */
  --color-semantic-error: var(--color-primitive-error); /** Error states color */
  --color-semantic-info: var(--color-primitive-info); /** Info states color */
  --color-neutral-50: var(--color-primitive-neutral-50);
  --color-neutral-100: var(--color-primitive-neutral-100);
  --color-neutral-200: var(--color-primitive-neutral-200);
  --color-neutral-400: var(--color-primitive-neutral-400);
  --color-neutral-600: var(--color-primitive-neutral-600);
  --color-neutral-800: var(--color-primitive-neutral-800);
  --color-neutral-900: var(--color-primitive-neutral-900);
  --color-neutral-950: var(--color-primitive-neutral-950);
  --color-brand-primary-dark: color-mix(in oklch, var(--color-brand-primary), oklch(0 0 0) 12%); /** Primary action hover/active state color derived dynamically with color-mix */
  --color-brand-secondary-dark: color-mix(in oklch, var(--color-brand-secondary), oklch(0 0 0) 12%); /** Secondary action hover/active state color derived dynamically with color-mix */
  --color-brand-border: oklch(from var(--color-brand-primary) l c h / 0.2); /** Subtle border color with transparency */
  --color-brand-border-glow: oklch(from var(--color-brand-primary) l c h / 0.4); /** Glow border color for panel hover states */
  --color-text-muted: var(--color-neutral-400); /** Muted and secondary body text color */
}