/* =============================================================================
   10KTouch — Design Tokens
   Source of truth for brand color, type, spacing, radius, elevation.
   Brand palette is FIXED (approved artwork). Per-coach theming overrides ONLY
   the --coach-* variables at runtime (see js/theme.js) — never the brand marks.
   ========================================================================== */

:root {
  /* ---- Approved brand palette (do NOT recolor the logo/marks) ---- */
  --navy:        #071D3B;   /* Deep Navy      — primary text, peaks           */
  --teal:        #00AFA3;   /* Active Teal    — primary action, "Touch"       */
  --gold:        #FFB629;   /* Achievement Gold — milestones, streaks, flag   */

  /* ---- Derived shades ---- */
  --navy-900: #050f21;
  --navy-800: #071D3B;
  --navy-700: #0d2b52;
  --navy-600: #143a6e;
  --teal-700: #008c82;
  --teal-600: #00afa3;
  --teal-100: #d9f5f2;
  --gold-600: #f2a900;
  --gold-100: #fff2d6;

  --ink:      #0e1726;      /* body text on light                            */
  --muted:    #5b6b82;      /* secondary text                               */
  --line:     #e3e8f0;      /* hairlines / borders                          */
  --surface:  #ffffff;
  --surface-2:#f6f9fc;
  --bg:       #f2f6fb;

  --success: #1aa06d;
  --warning: #f2a900;
  --danger:  #e0475b;

  /* ---- Per-coach theming defaults (overridden at runtime) ---- */
  --coach-primary:   var(--teal);
  --coach-accent:    var(--gold);
  --coach-heading:   var(--navy);
  --coach-radius:    16px;
  --coach-font-display: "Poppins", "Montserrat", system-ui, sans-serif;
  --coach-font-body:    "Inter", system-ui, -apple-system, sans-serif;

  /* ---- Type scale ---- */
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem;
  --fs-lg: 1.25rem; --fs-xl: 1.75rem; --fs-2xl: 2.5rem; --fs-3xl: 3.5rem;

  /* ---- Spacing ---- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px; --sp-10: 64px;

  /* ---- Radius / elevation ---- */
  --r-sm: 8px; --r-md: 12px; --r-lg: var(--coach-radius); --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(7,29,59,.06), 0 1px 3px rgba(7,29,59,.08);
  --shadow-2: 0 4px 12px rgba(7,29,59,.10), 0 2px 4px rgba(7,29,59,.06);
  --shadow-3: 0 12px 32px rgba(7,29,59,.16);

  --maxw: 1120px;
}

/* Optional dark surface (student summit view can opt in) */
[data-theme="dark"] {
  --ink: #eaf0f7; --muted:#9fb0c6; --line:#1c2b45;
  --surface:#0b1830; --surface-2:#0e1f3d; --bg:#071022;
}