/*
 * Snapchat (snapchat@1.0.0)
 * Palette: snapchat@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-snapchat-yellow: #FFFC00;
  --color-swatch-snapchat-yellow-dark: #FCF000;
  --color-swatch-snapchat-yellow-warm: #FFD301;
  --color-swatch-snapchat-yellow-pale: #FEFF85;
  --color-swatch-snapchat-black: #000000;
  --color-swatch-snapchat-white: #FFFFFF;
  --color-swatch-snapchat-blue: #0096E5;
  --color-swatch-snapchat-blue-light: #049EEE;
  --color-swatch-snapchat-blue-bright: #0EADFF;
  --color-swatch-snapchat-magenta: #8936B6;
  --color-swatch-snapchat-magenta-light: #C195DE;
  --color-swatch-snapchat-red: #E1143D;
  --color-swatch-snapchat-red-deep: #C50A33;
  --color-swatch-snapchat-green: #00A179;
  --color-swatch-snapchat-green-light: #00A881;
  --color-swatch-snapchat-orange: #E57200;
  --color-swatch-snapchat-orange-bright: #FF8A00;
  --color-swatch-snapchat-surface-light: #F1F1F1;
  --color-swatch-snapchat-border-light: #D9D9D9;
  --color-swatch-snapchat-text-secondary: #595959;
  --color-swatch-snapchat-canvas-dark: #262626;
  --color-swatch-snapchat-surface-dark: #404040;
  --color-swatch-snapchat-text-on-dark: #FFFFFF;

  /* Light-mode semantic roles */
  --color-background: #FFFC00;
  --color-surface: #FFFFFF;
  --color-surface-elevated: #FEFF85;
  --color-text-primary: #000000;
  --color-text-secondary: #595959;
  --color-text-tertiary: #595959;
  --color-primary: #FFFC00;
  --color-primary-hover: #FCF000;
  --color-accent: #FFFC00;
  --color-accent-hover: #FCF000;
  --color-warning: #E57200;
  --color-warning-hover: #FF8A00;
  --color-error: #E1143D;
  --color-success: #00A179;
  --color-border: #D9D9D9;

  /* Brand-level role overrides */
  --brand-color-identity: #FFFC00;
  --brand-color-on-identity: #000000;
  --brand-color-background: #FFFC00;
  --brand-color-surface: #FFFFFF;
  --brand-color-surface-elevated: #FEFF85;
  --brand-color-text-primary: #000000;
  --brand-color-text-secondary: #595959;
  --brand-color-primary: #FFFC00;
  --brand-color-primary-hover: #FCF000;
  --brand-color-accent: #FFFC00;
  --brand-color-accent-hover: #FCF000;
  --brand-color-mark: #FFFC00;
  --brand-color-success: #00A179;
  --brand-color-warning: #E57200;
  --brand-color-error: #E1143D;

  /* 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: #262626;
    --color-surface: #404040;
    --color-surface-elevated: #404040;
    --color-text-primary: #FFFFFF;
    --color-text-secondary: #D9D9D9;
    --color-text-tertiary: #595959;
    --color-primary: #FFFC00;
    --color-primary-hover: #FFD301;
    --color-accent: #FFFC00;
    --color-accent-hover: #FFD301;
    --color-warning: #FF8A00;
    --color-warning-hover: #E57200;
    --color-error: #E1143D;
    --color-success: #00A881;
    --color-border: #404040;
  }
}