/* No native 600 — semibold falls back to 700 via CSS font-matching. */
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/CabinetGrotesk-Medium.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/CabinetGrotesk-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Cabinet Grotesk';
  src: url('../fonts/CabinetGrotesk-Extrabold.woff2') format('woff2');
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

/* LIGHT MODE & WORDPRESS GLOBALS */
:root {
  /* SCC Variables for WordPress Compatibility */
  --scc-primary: #1a5777;
  --scc-primary-light: #23749e;
  --scc-primary-dark: #1a4b6b;
  --scc-secondary: #94d3ea;
  --scc-accent: #a25c2f;
  --scc-success: #3e7038;
  --scc-success-dark: #2e5429;
  --scc-success-light: #4ade80;
  --scc-destructive: #ef4444;
  --scc-background: #ffffff;
  --scc-foreground: #4a4a4a;
  --scc-muted: #f4f6f8;
  --scc-muted-foreground: #6b7280;
  --scc-muted-text: #808080;
  --scc-border: #e5e7eb;
  --scc-border-light: #e8ecee;
  --scc-border-input: #ccd0cc;
  --scc-border-dark: #d1d5db;
  --scc-surface-warm: #f5f7f4;
  --scc-surface-light: #f3f4f6;
  --scc-surface-subtle: #fcfcfc;
  --scc-success-surface: #e8f5e3;
  --scc-divider: #f0f0f0;

  --scc-font-sans: 'DM Sans', sans-serif;
  --scc-font-heading: 'Cabinet Grotesk', sans-serif;
  --scc-font-mono: 'JetBrains Mono', monospace;

  /* ── Type scale ─────────────────────────────────────── */
  --scc-text-xs:      0.75rem;
  --scc-text-sm:      0.875rem;
  --scc-text-base:    1rem;
  --scc-text-lg:      1.125rem;
  --scc-text-xl:      1.25rem;
  --scc-text-2xl:     1.5rem;
  --scc-text-3xl:     1.875rem;
  --scc-text-4xl:     2.25rem;
  --scc-text-5xl:     3rem;
  --scc-text-6xl:     3.75rem;
  --scc-text-hero:    clamp(2rem, 5vw, 3rem);
  --scc-text-hero-lg: clamp(2.5rem, 6vw, 4rem);
  --scc-text-section: clamp(1.75rem, 5vw, 2.5rem);

  /* ── Weight tokens ──────────────────────────────────── */
  --scc-weight-regular:  400;
  --scc-weight-medium:   500;
  --scc-weight-semibold: 600;
  --scc-weight-bold:     700;

  /* ── Line-height tokens ─────────────────────────────── */
  --scc-leading-none:    1;
  --scc-leading-tight:   1.2;
  --scc-leading-snug:    1.35;
  --scc-leading-normal:  1.5;
  --scc-leading-relaxed: 1.625;
  --scc-leading-loose:   1.75;
}