/* ==========================================================================
   Design Tokens — LERCH design
   Brand Guide v1.0 — February 2026
   ========================================================================== */

:root {
  /* Brand Colors */
  --color-red: #E30613;
  --color-red-hover: #C70511;
  --color-black: #0A0A0A;
  --color-white: #FFFFFF;

  /* Warm Neutrals */
  --color-off-white: #FFFBF5;
  --color-warm-50: #FFF8EE;
  --color-gray-100: #F0F0F0;
  --color-gray-200: #E0E0E0;
  --color-gray-300: #CCCCCC;
  --color-gray-500: #666666;
  --color-gray-700: #333333;
  --color-dark: #2E3D4F;
  --color-dark-deep: #1A2332;
  --color-dark-light: #3A4B5E;
  --color-card-bg: #3A4B5E;

  /* Accent — Gold / Yellow */
  --color-gold: #F5C518;
  --color-gold-light: #FFD54F;
  --color-gold-bright: #FFE082;
  --color-gold-white: #FFF8DC;

  /* Terminal / Preloader */
  --color-terminal-bg: #0a0e17;
  --color-terminal-text: rgba(255, 255, 255, 0.88);

  /* Product Colors — CertForge */
  --certforge-amber: #f59e0b;
  --certforge-dark: #111827;
  --certforge-slate: #1e293b;
  --certforge-bg: #2A2D35;

  /* Product Colors — aiRx² */
  --airx-navy: #0d1224;
  --airx-blue: #0077ff;
  --airx-cyan: #29abe2;
  --airx-orange: #f4945f;

  /* Product Colors — SENTxt */
  --sentxt-blue: #0088CC;
  --sentxt-navy: #00335A;
  --sentxt-charcoal: #3C4042;

  /* Product Colors — reFLEX'ed (per brand guide v1.1) */
  --reflexed-dark: #0A0A0F;
  --reflexed-blue: #5BA0D9;
  --reflexed-blue-light: #3D7AB8;
  --reflexed-muted: rgba(240, 240, 245, 0.65);
  --reflexed-text: #F0F0F5;

  /* Product Colors — PPS */
  --pps-black: #070707;
  --pps-blue: #1e87c2;
  --pps-gray: #7e7f80;

  /* Typography — font-family TBD pending Martin's selection */
  --font-primary: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Font Sizes */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --text-4xl: 3rem;

  /* Font Weights */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 6rem;
  --space-2xl: 8rem;

  /* Layout */
  --container-max: 1100px;
  --container-padding: 2rem;

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 600ms ease;
}