/* ==========================================================================
 * tokens.css — design tokens (colours, fonts, shell dimensions). SINGLE SOURCE OF TRUTH.
 * Rules: never redefine these in a page or component; use var(--vx-*). A page may override ONE token
 * on purpose (e.g. dashboard sets --vx-page: #f8f8f8) — keep such overrides next to a comment saying why.
 * Component-private tokens (--rp-* in res-pages.css, --vp-* in videoplayer.css) stay in their own file.
 * ========================================================================== */
:root {
  /* surfaces */
  --vx-bg: #ffffff;              /* app / top bar background */
  --vx-page: var(--vx-bg);       /* page canvas behind cards */
  --vx-card: #ffffff;
  --vx-hover: #f7f7f7;
  --vx-sel: #f1f1f1;
  --vx-sel-series: #f6f6f6;
  --vx-track: #f4f4f4;
  --vx-pill-bg: #f1f1f1;

  /* text */
  --vx-text: #2f2f2f;
  --vx-title: #3f3f3f;
  --vx-title-2: #4f4f4f;
  --vx-pill-text: #5a5a5a;
  --vx-muted: #8f8f8f;
  --vx-muted-2: #aeaeae;
  --vx-muted-3: #bebebe;

  /* lines */
  --vx-border: #dedede;
  --vx-border-btn: #cecece;
  --vx-border-card: #cecece;
  --vx-row-border: #e6e6e6;
  --vx-divider: #dcdcdc;
  --vx-bar: #bebebe;
  --vx-dot: #66708a;

  /* brand + status */
  --vx-red: #bf0016;
  --vx-red-dk: #8f0016;
  --vx-fill: #8f0016;
  --vx-green: #0cba7f;
  --vx-att-bg: #e0ffb9;
  --vx-att-bd: #bcf56c;
  --vx-att-tx: #3f7a0a;


  /* locked / plan-gated items (mock tests, sectionals, resources). A locked control must RECEDE behind an active one:
     same surface, lower contrast. Read by mock-plan-gate.js, sectional-plan-gate.js, plan-gate.js via var(). */
  --vx-lock-title: #a4a7ad;
  --vx-lock-desc: #a4a7ad;
  --vx-lock-btn-fill: #ffffff;
  --vx-lock-btn-stroke: #d3d5d8;
  --vx-lock-btn-icon: #bcc0c8;
  --vx-lock-btn-icon-sect: #abafb8;
  --vx-lock-dl-fill: #ffffff;
  --vx-lock-dl-stroke: #bfc2c5;
  --vx-lock-card-stroke: #e6e7ea;
  --vx-lock-attempt-fill: #bf0016;
  --vx-lock-attempt-stroke-mock: #d3b3b8;
  --vx-lock-attempt-stroke-sect: #bf0016;
  --vx-lock-attempt-icon: #ffffff;
  --vx-lock-link: #d3b3b8;
  --vx-lock-badge-bg: #f1f2f4;
  --vx-lock-badge-icon: #9aa0aa;

  /* fonts */
  --vx-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --vx-font-display: 'Oleo Script', cursive;
  --site-script-font: var(--vx-font-display);   /* legacy alias used by grid pages */

  /* shell dimensions */
  --vx-head-h: 60px;
  --vx-dock-w: 264px;
}