/*
 * Khan Academy (khan-academy@1.0.0)
 * Palette: khan-academy@1.0.0
 * Fonts:   heading=inter@1.0.0, body=inter@1.0.0, mono=jetbrainsmono-nerdfont@1.0.0
 * Generated by brand-atoms converter — do not edit by hand.
 */

:root {
  /* Swatches (source-of-truth color values) */
  --color-swatch-blue: #1865F2;
  --color-swatch-green: #00A60E;
  --color-swatch-gold: #FFB100;
  --color-swatch-red: #D92916;
  --color-swatch-purple: #9059FF;
  --color-swatch-off-black: #21242C;
  --color-swatch-off-white: #F7F8FA;
  --color-swatch-white: #FFFFFF;
  --color-swatch-dark-blue: #0B2149;
  --color-swatch-teal: #14BF96;
  --color-swatch-eggplant: #5F1E5C;
  --color-swatch-blue-hover: #11459E;
  --color-swatch-blue-pale: #E5EEFE;
  --color-swatch-red-pale: #FBE7E5;
  --color-swatch-green-pale: #E0F4E1;
  --color-swatch-gold-pale: #FFF6E0;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F7F8FA;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #21242C;
  --color-text-secondary: #21242C;
  --color-text-tertiary: #21242C;
  --color-primary: #1865F2;
  --color-primary-hover: #11459E;
  --color-accent: #1865F2;
  --color-accent-hover: #11459E;
  --color-warning: #FFB100;
  --color-warning-hover: #FFB100;
  --color-error: #D92916;
  --color-success: #00A60E;
  --color-border: #F7F8FA;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #21242C;
  --brand-color-primary: #1865F2;
  --brand-color-primary-hover: #11459E;
  --brand-color-accent: #1865F2;
  --brand-color-accent-hover: #11459E;
  --brand-color-mark: #1865F2;
  --brand-color-success: #00A60E;
  --brand-color-warning: #FFB100;
  --brand-color-error: #D92916;
  --brand-color-text-primary-light: #21242C;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #21242C;
  --brand-color-surface-light: #F7F8FA;
  --brand-color-surface-dark: #0B2149;
  --brand-color-text-secondary-light: #21242C;
  --brand-color-border-light: #F7F8FA;

  /* Typography */
  --font-heading: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-body: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrainsMono Nerd Font', 'JetBrains Mono', 'Fira Code', Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Dark-mode semantic roles override light-mode values */
    --color-background: #21242C;
    --color-surface: #0B2149;
    --color-surface-elevated: #21242C;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #F7F8FA;
    --color-text-tertiary: #F7F8FA;
    --color-primary: #1865F2;
    --color-primary-hover: #E5EEFE;
    --color-accent: #14BF96;
    --color-accent-hover: #00A60E;
    --color-warning: #FFB100;
    --color-warning-hover: #FFF6E0;
    --color-error: #D92916;
    --color-success: #00A60E;
    --color-border: #0B2149;
  }
}