/*
 * Duolingo (duolingo@1.0.0)
 * Palette: duolingo@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-feather-green: #58CC02;
  --color-swatch-mask-green: #89E219;
  --color-swatch-tree-frog: #58A700;
  --color-swatch-sea-sponge: #D7FFB8;
  --color-swatch-turtle: #A5ED6E;
  --color-swatch-snow: #FFFFFF;
  --color-swatch-polar: #F7F7F7;
  --color-swatch-swan: #E5E5E5;
  --color-swatch-hare: #AFAFAF;
  --color-swatch-wolf: #777777;
  --color-swatch-eel: #4B4B4B;
  --color-swatch-cardinal: #FF4B4B;
  --color-swatch-fire-ant: #EA2B2B;
  --color-swatch-crab: #FF7878;
  --color-swatch-flamingo: #FFB2B2;
  --color-swatch-bee: #FFC800;
  --color-swatch-lion: #FFB100;
  --color-swatch-fox: #FF9600;
  --color-swatch-duck: #FBE56D;
  --color-swatch-canary: #FFF5D3;
  --color-swatch-macaw: #1CB0F6;
  --color-swatch-whale: #1899D6;
  --color-swatch-humpback: #2B70C9;
  --color-swatch-narwhal: #1453A3;
  --color-swatch-blue-jay: #84D8FF;
  --color-swatch-moon-jelly: #7AF0F2;
  --color-swatch-beetle: #CE82FF;
  --color-swatch-betta: #9069CD;
  --color-swatch-butterfly: #6F4EA1;
  --color-swatch-starfish: #FFAADE;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F7F7F7;
  --color-surface-elevated: #FFFFFF;
  --color-text-primary: #4B4B4B;
  --color-text-secondary: #777777;
  --color-text-tertiary: #AFAFAF;
  --color-primary: #58CC02;
  --color-primary-hover: #58A700;
  --color-accent: #1CB0F6;
  --color-accent-hover: #1899D6;
  --color-warning: #FFC800;
  --color-warning-hover: #FFB100;
  --color-error: #FF4B4B;
  --color-success: #58CC02;
  --color-border: #E5E5E5;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFFFF;
  --brand-color-on-identity: #4B4B4B;
  --brand-color-primary: #58CC02;
  --brand-color-primary-hover: #58A700;
  --brand-color-accent: #1CB0F6;
  --brand-color-accent-hover: #1899D6;
  --brand-color-mark: #58CC02;
  --brand-color-success: #58CC02;
  --brand-color-warning: #FFC800;
  --brand-color-error: #FF4B4B;
  --brand-color-text-primary-light: #4B4B4B;
  --brand-color-text-primary-dark: #FFFFFF;
  --brand-color-background-light: #FFFFFF;
  --brand-color-background-dark: #4B4B4B;
  --brand-color-surface-light: #F7F7F7;
  --brand-color-surface-dark: #777777;
  --brand-color-text-secondary-light: #777777;
  --brand-color-text-tertiary-light: #AFAFAF;
  --brand-color-border-light: #E5E5E5;
  --brand-color-border-dark: #777777;

  /* 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: #4B4B4B;
    --color-surface: #777777;
    --color-surface-elevated: #AFAFAF;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #F7F7F7;
    --color-text-tertiary: #E5E5E5;
    --color-primary: #58CC02;
    --color-primary-hover: #89E219;
    --color-accent: #1CB0F6;
    --color-accent-hover: #84D8FF;
    --color-warning: #FFC800;
    --color-warning-hover: #FFB100;
    --color-error: #FF4B4B;
    --color-success: #89E219;
    --color-border: #777777;
  }
}