/*
 * xAI (xai@1.0.0)
 * Palette: xai@1.0.0
 * Fonts:   heading=geist@1.0.0, body=geist@1.0.0, mono=geist-mono@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-void: #0A0A0A;
  --color-swatch-void-deep: #0C0C0B;
  --color-swatch-void-pure: #000000;
  --color-swatch-ash-100: #171717;
  --color-swatch-ash-200: #18181B;
  --color-swatch-ash-300: #262626;
  --color-swatch-ash-400: #27272A;
  --color-swatch-ash-500: #2B2B2B;
  --color-swatch-ash-600: #404040;
  --color-swatch-ash-700: #525252;
  --color-swatch-ash-800: #545454;
  --color-swatch-ash-900: #696969;
  --color-swatch-paper-pure: #FFFFFF;
  --color-swatch-paper-warm: #FEFEFE;
  --color-swatch-paper-cream: #F8F7F5;
  --color-swatch-spark: #75FBA6;
  --color-swatch-pulse: #FF6308;
  --color-swatch-pulse-soft: #FFA07A;
  --color-swatch-link-blue: #2563EB;
  --color-swatch-ember-warning: #F5AB35;
  --color-swatch-ember-error: #D91E18;
  --color-swatch-ink-body: #374151;
  --color-swatch-ink-heading: #111827;
  --color-swatch-ink-quiet: #6B7280;
  --color-swatch-ink-border: #E5E7EB;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F8F7F5;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #111827;
  --color-text-secondary: #374151;
  --color-text-tertiary: #6B7280;
  --color-primary: #0A0A0A;
  --color-primary-hover: #262626;
  --color-accent: #2563EB;
  --color-accent-hover: #2563EB;
  --color-warning: #F5AB35;
  --color-warning-hover: #FF6308;
  --color-error: #D91E18;
  --color-success: #75FBA6;
  --color-border: #E5E7EB;

  /* Brand-level role overrides */
  --brand-color-identity: #0A0A0A;
  --brand-color-on-identity: #FFFFFF;
  --brand-color-primary: #FFFFFF;
  --brand-color-primary-hover: #404040;
  --brand-color-accent: #75FBA6;
  --brand-color-accent-hover: #75FBA6;
  --brand-color-mark: #FFFFFF;
  --brand-color-success: #75FBA6;
  --brand-color-warning: #F5AB35;
  --brand-color-error: #D91E18;
  --brand-color-text-primary-light: #111827;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #0A0A0A;
  --brand-color-surface-light: #F8F7F5;
  --brand-color-surface-dark: #171717;
  --brand-color-text-secondary-light: #374151;
  --brand-color-text-tertiary-light: #6B7280;
  --brand-color-border-light: #E5E7EB;
  --brand-color-border-dark: #18181B;

  /* Typography */
  --font-heading: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-body: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-mono: 'Geist Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #0A0A0A;
    --color-surface: #171717;
    --color-surface-elevated: #262626;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #696969;
    --color-text-tertiary: #525252;
    --color-primary: #FFFFFF;
    --color-primary-hover: #404040;
    --color-accent: #75FBA6;
    --color-accent-hover: #75FBA6;
    --color-warning: #F5AB35;
    --color-warning-hover: #FF6308;
    --color-error: #D91E18;
    --color-success: #75FBA6;
    --color-border: #18181B;
  }
}