/*
 * Steam (steam@1.0.0)
 * Palette: steam@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-storefront-darkest: #000F18;
  --color-swatch-storefront-darker: #1B2838;
  --color-swatch-storefront-dark: #2A475E;
  --color-swatch-storefront-mid: #4E697D;
  --color-swatch-storefront-light: #7C8EA3;
  --color-swatch-storefront-lighter: #A7BACC;
  --color-swatch-storefront-lightest: #CCD8E3;
  --color-swatch-chrome-darkest: #0E141B;
  --color-swatch-chrome-darker: #23262E;
  --color-swatch-chrome-dark: #3D4450;
  --color-swatch-steam-blue: #1A9FFF;
  --color-swatch-steam-blue-hi: #00BBFF;
  --color-swatch-chalky-blue: #66C0F4;
  --color-swatch-light-blue: #B3DFFF;
  --color-swatch-dusty-blue: #417A9B;
  --color-swatch-steam-green: #5BA32B;
  --color-swatch-steam-green-hi: #59BF40;
  --color-swatch-steam-green-lime: #A4D007;
  --color-swatch-steam-orange: #E35E1C;
  --color-swatch-steam-orange-red: #EE563B;
  --color-swatch-steam-red: #D94126;
  --color-swatch-steam-yellow: #FFC82C;

  /* Light-mode semantic roles */
  --color-background: #CCD8E3;
  --color-surface: #A7BACC;
  --color-surface-elevated: #CCD8E3;
  --color-text-primary: #1B2838;
  --color-text-secondary: #2A475E;
  --color-text-tertiary: #4E697D;
  --color-primary: #5BA32B;
  --color-primary-hover: #59BF40;
  --color-accent: #1A9FFF;
  --color-accent-hover: #00BBFF;
  --color-warning: #FFC82C;
  --color-warning-hover: #E35E1C;
  --color-error: #D94126;
  --color-success: #5BA32B;
  --color-border: #7C8EA3;

  /* Brand-level role overrides */
  --brand-color-identity: #1B2838;
  --brand-color-on-identity: #66C0F4;
  --brand-color-primary: #5BA32B;
  --brand-color-primary-hover: #59BF40;
  --brand-color-accent: #66C0F4;
  --brand-color-accent-hover: #00BBFF;
  --brand-color-mark: #66C0F4;
  --brand-color-success: #5BA32B;
  --brand-color-warning: #FFC82C;
  --brand-color-error: #D94126;
  --brand-color-text-primary-light: #1B2838;
  --brand-color-text-primary-dark: #CCD8E3;
  --brand-color-background-light: #CCD8E3;
  --brand-color-background-dark: #1B2838;
  --brand-color-surface-light: #A7BACC;
  --brand-color-surface-dark: #2A475E;
  --brand-color-text-secondary-light: #2A475E;
  --brand-color-text-tertiary-light: #4E697D;
  --brand-color-border-light: #7C8EA3;

  /* 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: #1B2838;
    --color-surface: #2A475E;
    --color-surface-elevated: #23262E;
    --color-text-primary: #CCD8E3;
    --color-text-secondary: #A7BACC;
    --color-text-tertiary: #7C8EA3;
    --color-primary: #5BA32B;
    --color-primary-hover: #59BF40;
    --color-accent: #66C0F4;
    --color-accent-hover: #00BBFF;
    --color-warning: #FFC82C;
    --color-warning-hover: #E35E1C;
    --color-error: #D94126;
    --color-success: #5BA32B;
    --color-border: #3D4450;
  }
}