/*
 * Discord (discord@1.0.0)
 * Palette: discord@1.0.0
 * Fonts:   heading=whitney@1.0.0, body=whitney@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-discord-blurple: #5865F2;
  --color-swatch-discord-blurple-dark: #4752C4;
  --color-swatch-discord-old-blurple: #7289DA;
  --color-swatch-discord-greyple: #99AAB5;
  --color-swatch-discord-dark-not-black: #2C2F33;
  --color-swatch-discord-not-quite-black: #23272A;
  --color-swatch-discord-white: #FFFFFF;
  --color-swatch-discord-canvas-dark: #313338;
  --color-swatch-discord-canvas-darker: #2B2D31;
  --color-swatch-discord-canvas-darkest: #1E1F22;
  --color-swatch-discord-text-on-dark: #F2F3F5;
  --color-swatch-discord-text-secondary-dark: #B5BAC1;
  --color-swatch-discord-text-tertiary-dark: #80848E;
  --color-swatch-discord-green: #23A55A;
  --color-swatch-discord-yellow: #F0B232;
  --color-swatch-discord-red: #F23F43;
  --color-swatch-discord-fuchsia: #EB459E;
  --color-swatch-discord-light-canvas: #FFFFFF;
  --color-swatch-discord-light-surface: #F2F3F5;
  --color-swatch-discord-light-surface-elevated: #EBEDEF;
  --color-swatch-discord-text-on-light: #060607;
  --color-swatch-discord-text-secondary-light: #4E5058;

  /* Light-mode semantic roles */
  --color-background: #FFFFFF;
  --color-surface: #F2F3F5;
  --color-surface-elevated: #EBEDEF;
  --color-text-primary: #060607;
  --color-text-secondary: #4E5058;
  --color-text-tertiary: #99AAB5;
  --color-primary: #5865F2;
  --color-primary-hover: #4752C4;
  --color-accent: #5865F2;
  --color-accent-hover: #4752C4;
  --color-warning: #F0B232;
  --color-warning-hover: #F0B232;
  --color-error: #F23F43;
  --color-success: #23A55A;

  /* Brand-level role overrides */
  --brand-color-identity: #313338;
  --brand-color-on-identity: #F2F3F5;
  --brand-color-background: #313338;
  --brand-color-surface: #2B2D31;
  --brand-color-surface-elevated: #1E1F22;
  --brand-color-text-primary: #F2F3F5;
  --brand-color-text-secondary: #B5BAC1;
  --brand-color-text-tertiary: #80848E;
  --brand-color-primary: #5865F2;
  --brand-color-primary-hover: #4752C4;
  --brand-color-accent: #5865F2;
  --brand-color-accent-hover: #4752C4;
  --brand-color-mark: #5865F2;
  --brand-color-success: #23A55A;
  --brand-color-warning: #F0B232;
  --brand-color-error: #F23F43;
  --brand-color-boost: #EB459E;

  /* Typography */
  --font-heading: Whitney, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: Whitney, Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', '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: #313338;
    --color-surface: #2B2D31;
    --color-surface-elevated: #1E1F22;
    --color-text-primary: #F2F3F5;
    --color-text-secondary: #B5BAC1;
    --color-text-tertiary: #80848E;
    --color-primary: #5865F2;
    --color-primary-hover: #4752C4;
    --color-accent: #5865F2;
    --color-accent-hover: #4752C4;
    --color-warning: #F0B232;
    --color-warning-hover: #F0B232;
    --color-error: #F23F43;
    --color-success: #23A55A;
  }
}