/* ═══════════════════════════════════════════════════════════════
   NORTHERN ALLIANCE MMA — Design Tokens
   Light, family-friendly theme centered on teal #148a8e
   ═══════════════════════════════════════════════════════════════ */

/* ── Self-hosted fonts ── */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/sora-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('../fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/dm-sans-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* ── Backgrounds ── */
  --bg:           #ffffff;
  --surface:      #f0f7f7;
  --card:         #ffffff;
  --dark:         #0e2f30;
  --dark-surface: #143132;
  --dark-muted:   #1c4344;

  /* ── Borders ── */
  --border:       rgba(20, 138, 142, 0.10);
  --border-solid: #d4e3e4;
  --border-dark:  rgba(255, 255, 255, 0.10);

  /* ── Brand ── */
  --accent:       #148a8e;
  --accent-hot:   #0f7478;
  --accent-light: #17a5aa;
  --accent-dim:   rgba(20, 138, 142, 0.07);
  --accent-glow:  rgba(20, 138, 142, 0.20);

  --gold:         #f0a830;
  --gold-dim:     rgba(240, 168, 48, 0.12);

  --destructive:  #dc3545;

  /* ── Text ── */
  --white:        #ffffff;
  --text:         #1e3a3b;
  --text-on-dark: #f0f7f7;
  --body:         #3d5556;
  --muted:        #6b8a8b;
  --faint:        #94b0b1;

  /* ── Typography ── */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body:    'DM Sans', system-ui, -apple-system, sans-serif;

  /* ── Layout ── */
  --nav-height:    72px;
  --section-pad:   clamp(64px, 8vw, 112px);
  --container:     1200px;
  --container-pad: clamp(20px, 4vw, 60px);

  /* ── Radii ── */
  --radius:    8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* ── Shadows (light theme) ── */
  --shadow-sm:  0 1px 3px rgba(14, 47, 48, 0.06), 0 1px 2px rgba(14, 47, 48, 0.04);
  --shadow-md:  0 4px 12px rgba(14, 47, 48, 0.08), 0 2px 4px rgba(14, 47, 48, 0.04);
  --shadow-lg:  0 12px 40px rgba(14, 47, 48, 0.10), 0 4px 12px rgba(14, 47, 48, 0.06);
  --shadow-xl:  0 20px 60px rgba(14, 47, 48, 0.12), 0 8px 20px rgba(14, 47, 48, 0.06);

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}