/* DPC shared design tokens — single source of truth.
   Linked LAST in every page so it overrides each page's inline :root.
   Legacy names are aliased to canonical ones so no page's markup needs rewriting.
   Swap --accent here to re-theme the whole site. */

/* Berling display face for every page (url resolves relative to this file). */
@font-face{font-family:'Berling';src:url('Berling Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}

:root{
  /* ---- Type: Berling display + Inter body, one system everywhere ---- */
  --font-display:'Berling',Georgia,'Times New Roman',serif;
  --font-body-stack:'Inter',-apple-system,BlinkMacSystemFont,system-ui,'Helvetica Neue',Arial,sans-serif;
  --font-body:var(--font-body-stack);
  --body:var(--font-body-stack);
  --display:var(--font-display);
  --title:var(--font-display);
  --font-heading:var(--font-display);

  /* ---- Brand accent: single source (First Serve blue).
         Change this one line to re-theme the whole site.
         Break Point / Noida / Match Point override this in leaderboard/styles.css. ---- */
  --accent:#2e4e8e;
  --accent-hover:#25406f;
  --accent-light:rgba(46,78,142,.10);
  --accent-soft:rgba(46,78,142,.10);
  --accent-glow:rgba(46,78,142,.18);
  --navy:var(--accent);            /* calendar/coaching legacy alias */

  /* ---- Canvas: one off-white across all screens ---- */
  --bg:#f2f4f8;
  --surface:#ffffff;
  --card:#ffffff;

  /* ---- Muted text: Dashboard's slate tone everywhere (was warm-black on some pages) ---- */
  --text-secondary:#64748b;
  --text-tertiary:#94a3b8;
  --muted:#94a3b8;      /* legacy alias -> tertiary */
  --muted2:#64748b;     /* legacy alias -> secondary */

  /* ---- Semantic colours: consistent hexes sitewide ---- */
  --success:#4a8c42; --green:#4a8c42;
  --danger:#dc2626;  --red:#dc2626;
  --amber:#d97706;
  --violet:#7c3aed;  --purple:#7c3aed;

  /* ---- Layout rhythm: shared page padding = aligned headings ---- */
  --page-pad-x:20px;
  --head-pad-top:24px;
  --radius:16px;
  --radius-sm:14px;

  /* ---- Motion ---- */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur:220ms;
}

/* ---- Bottom-nav active state: filled rounded box everywhere (Dashboard style),
        replacing the per-page underline/colour-only variants. ---- */
.bnav-tab{border-radius:12px;transition:background var(--dur),color var(--dur);}
.bnav-tab.active{background:var(--accent-soft)!important;color:var(--accent)!important;}
.bnav-tab.active svg{stroke:var(--accent);}
.bnav-tab.active::before{display:none!important;}  /* kill calendar underline bar */