/**
 * assets/css/theme.css
 * Freeway Sports and Fitness — shared design tokens.
 *
 * Extracted from the ~12 near-duplicate inline <style>:root{...} blocks that
 * had drifted slightly across admin/, tech/, portal/, and the public site
 * (e.g. --muted was #64748B in some files and #5C6878 in others; --text was
 * #0F172A vs #1A1A2E). This file is the single source of truth going forward.
 *
 * Usage: <link rel="stylesheet" href="/assets/css/theme.css"> (adjust the
 * relative path per folder depth), then delete the page's local :root block.
 * Everything below only DEFINES variables — it has no visual effect on its
 * own until a page's existing CSS (which already references var(--navy) etc.)
 * is loaded after it.
 */
:root{
  /* Brand */
  --navy:#0A2342;   --navy2:#0d2d55;  --navy3:#133570;
  --yellow:#FFD200; --yellow2:#ffe033; --ylight:#FFF9D6; --ydim:rgba(255,210,0,.12);
  --gold:#D4A017;   --gold2:#e8b420;  --goldl:#FFF8E7;

  /* Neutrals */
  --off:#F8F9FA;    --offwhite:#F8F9FA; --offb:#EBEEF3;
  --border:#E1E5EB; --border2:#D0D6DF;
  --text:#1A1A2E;   --muted:#5C6878;   --mid:#3D4A5C;   --light:#8A97A8;
  --white:#FFFFFF;

  /* Status */
  --green:#15803d;  --greenl:#f0fdf4;
  --red:#dc2626;    --redl:#fef2f2;   --orange:#ea580c;

  /* Elevation */
  --shadow:0 2px 10px rgba(10,35,66,.08);
  --shadow2:0 6px 30px rgba(10,35,66,.12);

  /* Radius scale (was drifting: 3px/6px/10px in one file, 4px/8px/12px in
     another, 5px/8px/10px in a third — standardized here) */
  --r:5px; --rm:8px; --rl:10px;

  /* Motion */
  --transition:.18s cubic-bezier(.4,0,.2,1);
}

/* Tech portal dark surfaces (dashboard/report chrome) intentionally use a
   darker navy scale — kept as a separate opt-in class rather than silently
   overriding --navy globally, since it changes contrast requirements for
   text/border colors too. Add class="theme-dark" to the surface that wants it. */
.theme-dark{
  --navy:#0b1423; --navy2:#101d30;
  --border:#334155; --border2:#334155;
  --off:rgba(255,255,255,.04);
  --muted:#64748b;
}