/* ==========================================================================
   Nexora Talent Solutions — Design Tokens
   Single source of truth for color, type, spacing, radius, shadow, motion.
   ========================================================================== */

:root {
  /* ---- Color ---- */
  --color-primary: #0B1B34;
  --color-primary-rgb: 11, 27, 52;
  --color-primary-light: #14294B;
  --color-gold: #C8A64B;
  --color-gold-rgb: 200, 166, 75;
  --color-gold-light: #DEC17E;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F8FAFC;
  --color-text: #111827;
  --color-text-muted: #6B7280;
  --color-white: #FFFFFF;
  --color-border: #E5E9F0;

  /* ---- Typography ---- */
  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', sans-serif;

  --fs-h1: clamp(2.5rem, 4.2vw + 1rem, 4.5rem);
  --fs-h2: clamp(2rem, 2.6vw + 1rem, 3rem);
  --fs-h3: clamp(1.5rem, 1.4vw + 1rem, 2rem);
  --fs-h4: clamp(1.25rem, 0.8vw + 1rem, 1.5rem);
  --fs-body-lg: 1.125rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8125rem;

  --lh-heading: 1.2;
  --lh-body: 1.7;

  --ls-eyebrow: 0.18em;
  --ls-wide: 0.04em;

  /* ---- Spacing (8px base scale) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --space-9: 128px;

  --section-padding-y: var(--space-9);
  --section-padding-y-mobile: var(--space-7);

  /* ---- Layout ----
     Container is fluid (width: min(96%, --container-max)) rather than
     jumping between fixed breakpoint widths — see base.css .container-nx. */
  --container-max: 1600px;
  --gutter-desktop: 32px;

  /* ---- Radius ---- */
  --radius-card: 18px;
  --radius-pill: 999px;
  --radius-input: 12px;
  --radius-sm: 8px;

  /* ---- Elevation ---- */
  --shadow-resting: 0 4px 24px rgba(11, 27, 52, 0.06);
  --shadow-hover: 0 16px 40px rgba(11, 27, 52, 0.12);
  --shadow-gold-glow: 0 0 0 1px rgba(200, 166, 75, 0.4);

  /* ---- Motion ---- */
  --transition-fast: 200ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 600ms cubic-bezier(0.16, 1, 0.3, 1);
  --lift-distance: -4px;
}