// 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.

// ─── Swatches ─────────────────────────────────────────
$swatch-storefront-darkest: #000F18;
$swatch-storefront-darker: #1B2838;
$swatch-storefront-dark: #2A475E;
$swatch-storefront-mid: #4E697D;
$swatch-storefront-light: #7C8EA3;
$swatch-storefront-lighter: #A7BACC;
$swatch-storefront-lightest: #CCD8E3;
$swatch-chrome-darkest: #0E141B;
$swatch-chrome-darker: #23262E;
$swatch-chrome-dark: #3D4450;
$swatch-steam-blue: #1A9FFF;
$swatch-steam-blue-hi: #00BBFF;
$swatch-chalky-blue: #66C0F4;
$swatch-light-blue: #B3DFFF;
$swatch-dusty-blue: #417A9B;
$swatch-steam-green: #5BA32B;
$swatch-steam-green-hi: #59BF40;
$swatch-steam-green-lime: #A4D007;
$swatch-steam-orange: #E35E1C;
$swatch-steam-orange-red: #EE563B;
$swatch-steam-red: #D94126;
$swatch-steam-yellow: #FFC82C;

// ─── Light-mode role mappings ─────────────────────────
$light-background: $swatch-storefront-lightest;
$light-surface: $swatch-storefront-lighter;
$light-surface-elevated: $swatch-storefront-lightest;
$light-text-primary: $swatch-storefront-darker;
$light-text-secondary: $swatch-storefront-dark;
$light-text-tertiary: $swatch-storefront-mid;
$light-primary: $swatch-steam-green;
$light-primary-hover: $swatch-steam-green-hi;
$light-accent: $swatch-steam-blue;
$light-accent-hover: $swatch-steam-blue-hi;
$light-warning: $swatch-steam-yellow;
$light-warning-hover: $swatch-steam-orange;
$light-error: $swatch-steam-red;
$light-success: $swatch-steam-green;
$light-border: $swatch-storefront-light;

// ─── Dark-mode role mappings ──────────────────────────
$dark-background: $swatch-storefront-darker;
$dark-surface: $swatch-storefront-dark;
$dark-surface-elevated: $swatch-chrome-darker;
$dark-text-primary: $swatch-storefront-lightest;
$dark-text-secondary: $swatch-storefront-lighter;
$dark-text-tertiary: $swatch-storefront-light;
$dark-primary: $swatch-steam-green;
$dark-primary-hover: $swatch-steam-green-hi;
$dark-accent: $swatch-chalky-blue;
$dark-accent-hover: $swatch-steam-blue-hi;
$dark-warning: $swatch-steam-yellow;
$dark-warning-hover: $swatch-steam-orange;
$dark-error: $swatch-steam-red;
$dark-success: $swatch-steam-green;
$dark-border: $swatch-chrome-dark;

// ─── Brand-level color role overrides ─────────────────
$brand-identity: $swatch-storefront-darker;
$brand-on-identity: $swatch-chalky-blue;
$brand-primary: $swatch-steam-green;
$brand-primary-hover: $swatch-steam-green-hi;
$brand-accent: $swatch-chalky-blue;
$brand-accent-hover: $swatch-steam-blue-hi;
$brand-mark: $swatch-chalky-blue;
$brand-success: $swatch-steam-green;
$brand-warning: $swatch-steam-yellow;
$brand-error: $swatch-steam-red;
$brand-text-primary-light: $swatch-storefront-darker;
$brand-text-primary-dark: $swatch-storefront-lightest;
$brand-background-light: $swatch-storefront-lightest;
$brand-background-dark: $swatch-storefront-darker;
$brand-surface-light: $swatch-storefront-lighter;
$brand-surface-dark: $swatch-storefront-dark;
$brand-text-secondary-light: $swatch-storefront-dark;
$brand-text-tertiary-light: $swatch-storefront-mid;
$brand-border-light: $swatch-storefront-light;

// ─── 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);

// ─── Iteration maps ───────────────────────────────────
$swatches: (
  "storefront-darkest": $swatch-storefront-darkest,
  "storefront-darker": $swatch-storefront-darker,
  "storefront-dark": $swatch-storefront-dark,
  "storefront-mid": $swatch-storefront-mid,
  "storefront-light": $swatch-storefront-light,
  "storefront-lighter": $swatch-storefront-lighter,
  "storefront-lightest": $swatch-storefront-lightest,
  "chrome-darkest": $swatch-chrome-darkest,
  "chrome-darker": $swatch-chrome-darker,
  "chrome-dark": $swatch-chrome-dark,
  "steam-blue": $swatch-steam-blue,
  "steam-blue-hi": $swatch-steam-blue-hi,
  "chalky-blue": $swatch-chalky-blue,
  "light-blue": $swatch-light-blue,
  "dusty-blue": $swatch-dusty-blue,
  "steam-green": $swatch-steam-green,
  "steam-green-hi": $swatch-steam-green-hi,
  "steam-green-lime": $swatch-steam-green-lime,
  "steam-orange": $swatch-steam-orange,
  "steam-orange-red": $swatch-steam-orange-red,
  "steam-red": $swatch-steam-red,
  "steam-yellow": $swatch-steam-yellow,
);

$light-roles: (
  "background": $light-background,
  "surface": $light-surface,
  "surface-elevated": $light-surface-elevated,
  "text-primary": $light-text-primary,
  "text-secondary": $light-text-secondary,
  "text-tertiary": $light-text-tertiary,
  "primary": $light-primary,
  "primary-hover": $light-primary-hover,
  "accent": $light-accent,
  "accent-hover": $light-accent-hover,
  "warning": $light-warning,
  "warning-hover": $light-warning-hover,
  "error": $light-error,
  "success": $light-success,
  "border": $light-border,
);

$dark-roles: (
  "background": $dark-background,
  "surface": $dark-surface,
  "surface-elevated": $dark-surface-elevated,
  "text-primary": $dark-text-primary,
  "text-secondary": $dark-text-secondary,
  "text-tertiary": $dark-text-tertiary,
  "primary": $dark-primary,
  "primary-hover": $dark-primary-hover,
  "accent": $dark-accent,
  "accent-hover": $dark-accent-hover,
  "warning": $dark-warning,
  "warning-hover": $dark-warning-hover,
  "error": $dark-error,
  "success": $dark-success,
  "border": $dark-border,
);