// Codecademy (codecademy@1.0.0)
// Palette: codecademy@1.0.0
// Fonts:   heading=inter@1.0.0, body=inter@1.0.0, mono=geist-mono@1.0.0
// Generated by brand-atoms converter — do not edit by hand.

// ─── Swatches ─────────────────────────────────────────
$swatch-navy: #10162F;
$swatch-navy-900: #0A0D1C;
$swatch-hyper: #3A10E5;
$swatch-hyper-light: #5533FF;
$swatch-blue: #1557FF;
$swatch-blue-light: #3388FF;
$swatch-blue-300: #66C4FF;
$swatch-blue-pale: #D3F2FF;
$swatch-blue-0: #F5FCFF;
$swatch-green: #008A27;
$swatch-green-light: #AEE938;
$swatch-green-pale: #EAFDC6;
$swatch-green-0: #F5FFE3;
$swatch-yellow: #FFD300;
$swatch-yellow-dark: #CCA900;
$swatch-yellow-0: #FFFAE5;
$swatch-red: #E91C11;
$swatch-red-dark: #BE1809;
$swatch-red-soft: #DC5879;
$swatch-red-0: #FBF1F0;
$swatch-pink: #F966FF;
$swatch-orange: #FF8C00;
$swatch-beige: #FFF0E5;
$swatch-white: #FFFFFF;
$swatch-gray-100: #F5F5F5;
$swatch-gray-200: #EEEEEE;
$swatch-gray-300: #E0E0E0;
$swatch-gray-600: #9E9E9E;
$swatch-gray-800: #616161;
$swatch-gray-900: #424242;

// ─── Light-mode role mappings ─────────────────────────
$light-background: $swatch-white;
$light-surface: $swatch-gray-100;
$light-surface-elevated: $swatch-white;
$light-text-primary: $swatch-navy;
$light-text-secondary: $swatch-gray-800;
$light-text-tertiary: $swatch-gray-600;
$light-primary: $swatch-hyper;
$light-primary-hover: $swatch-hyper-light;
$light-accent: $swatch-hyper-light;
$light-accent-hover: $swatch-hyper;
$light-warning: $swatch-yellow;
$light-warning-hover: $swatch-yellow-dark;
$light-error: $swatch-red;
$light-success: $swatch-green;
$light-border: $swatch-gray-300;

// ─── Dark-mode role mappings ──────────────────────────
$dark-background: $swatch-navy;
$dark-surface: $swatch-navy-900;
$dark-surface-elevated: $swatch-navy;
$dark-text-primary: $swatch-white;
$dark-text-secondary: $swatch-gray-300;
$dark-text-tertiary: $swatch-gray-600;
$dark-primary: $swatch-hyper-light;
$dark-primary-hover: $swatch-hyper;
$dark-accent: $swatch-green-light;
$dark-accent-hover: $swatch-green;
$dark-warning: $swatch-yellow;
$dark-warning-hover: $swatch-yellow-dark;
$dark-error: $swatch-red-soft;
$dark-success: $swatch-green-light;
$dark-border: $swatch-gray-900;

// ─── Brand-level color role overrides ─────────────────
$brand-identity: $swatch-navy;
$brand-on-identity: $swatch-white;
$brand-primary: $swatch-hyper;
$brand-primary-hover: $swatch-hyper-light;
$brand-accent: $swatch-green-light;
$brand-accent-hover: $swatch-green;
$brand-mark: $swatch-hyper;
$brand-success: $swatch-green;
$brand-warning: $swatch-yellow;
$brand-error: $swatch-red;
$brand-text-primary-light: $swatch-navy;
$brand-text-primary-dark: $swatch-white;
$brand-background-light: $swatch-white;
$brand-background-dark: $swatch-navy;
$brand-surface-light: $swatch-gray-100;
$brand-surface-dark: $swatch-navy-900;
$brand-text-secondary-light: $swatch-gray-800;
$brand-text-tertiary-light: $swatch-gray-600;
$brand-border-light: $swatch-gray-300;
$brand-border-dark: $swatch-gray-900;

// ─── 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: ('Geist Mono', SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);

// ─── Iteration maps ───────────────────────────────────
$swatches: (
  "navy": $swatch-navy,
  "navy-900": $swatch-navy-900,
  "hyper": $swatch-hyper,
  "hyper-light": $swatch-hyper-light,
  "blue": $swatch-blue,
  "blue-light": $swatch-blue-light,
  "blue-300": $swatch-blue-300,
  "blue-pale": $swatch-blue-pale,
  "blue-0": $swatch-blue-0,
  "green": $swatch-green,
  "green-light": $swatch-green-light,
  "green-pale": $swatch-green-pale,
  "green-0": $swatch-green-0,
  "yellow": $swatch-yellow,
  "yellow-dark": $swatch-yellow-dark,
  "yellow-0": $swatch-yellow-0,
  "red": $swatch-red,
  "red-dark": $swatch-red-dark,
  "red-soft": $swatch-red-soft,
  "red-0": $swatch-red-0,
  "pink": $swatch-pink,
  "orange": $swatch-orange,
  "beige": $swatch-beige,
  "white": $swatch-white,
  "gray-100": $swatch-gray-100,
  "gray-200": $swatch-gray-200,
  "gray-300": $swatch-gray-300,
  "gray-600": $swatch-gray-600,
  "gray-800": $swatch-gray-800,
  "gray-900": $swatch-gray-900,
);

$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,
);