/* ═══════════════════════════════════════════════════════════
   OASIS FIGHT ACADEMY — Design Tokens
   Sunshine Coast coastal theme: ocean teal + warm sand
   ═══════════════════════════════════════════════════════════ */

:root {
  /* Background */
  --bg:         #0c1318;
  --surface:    #111c22;
  --card:       #152028;

  /* Borders */
  --border:     rgba(255, 255, 255, 0.08);

  /* Accent — Ocean Teal */
  --accent:     #0891b2;
  --accent-hot: #22d3ee;
  --accent-dim: rgba(8, 145, 178, 0.15);
  /* Darker teal for white-text-on-fill surfaces — meets WCAG AA (5.3:1) */
  --accent-deep: #0e7490;

  /* Text */
  --white:      #f0ebe3;
  --muted:      #b3bdc6;
  --faint:      rgba(240, 235, 227, 0.82);

  /* UI */
  --radius:     4px;

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

  /* Layout */
  --nav-height:    72px;
  --section-pad:   clamp(72px, 9vw, 128px);
  --container:     1200px;
  --container-pad: clamp(20px, 4vw, 60px);
}