/* ─────────────────────────────────────────────────────────────
   THEME: "Category Standard" (decision comp #03), recolored to the logo blue
   Everything that makes this design look like itself lives here.
   To reskin the site, replace this file (and the hero images).
   base.css only reads these tokens; it never hard-codes a color.
   ───────────────────────────────────────────────────────────── */
:root {
  /* color: built around the logo blue #015EC7 (sampled from logo.png) */
  --c-ground: #ffffff;
  --c-ink: #0e2240;          /* headings: navy on the logo's hue */
  --c-text: #3e4f63;         /* body copy (7.6:1 on bands) */
  --c-muted: #5a6a7e;
  --c-line: #dbe4ef;
  --c-brand: #015ec7;        /* buttons, links: the logo blue itself (6.1:1 with white) */
  --c-brand-hover: #004a9f;
  --c-brand-soft: #2f7bdb;   /* icons, large accents only (4.2:1 on white) */
  --c-brand-text: #0150aa;   /* blue text on bands (7.0:1) */
  --c-band: #eef4fc;         /* pale blue section band */
  --c-disc: #dbe7f8;         /* icon circles */
  --c-card: #ffffff;
  --c-deep: #0e2240;         /* CTA band + footer */
  --c-on-deep: #ffffff;
  --c-on-deep-muted: #c3cfe0;
  --c-star: #f2a91c;
  --c-open: #17703d;
  --c-closed: #b4462f;
  --c-select: #c9dcf6;
  --c-on-brand: #ffffff;
  --c-on-brand-rgb: 255 255 255;
  --c-shadow-rgb: 14 34 64;

  /* type */
  --f-display: "Source Serif 4", Georgia, serif;
  --f-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --w-display: 700;
  --fs-h1: clamp(2.4rem, 1.7rem + 2.2vw, 3.5rem);
  --fs-h2: clamp(1.9rem, 1.4rem + 1.7vw, 2.9rem);
  --fs-h3: 1.15rem;
  --fs-lead: clamp(1.1rem, 1rem + 0.35vw, 1.3rem);
  --fs-body: 1.0625rem;
  --lh-tight: 1.1;
  --track-display: -0.02em;

  /* shape */
  --r-photo: 20px;
  --r-card: 18px;
  --r-pill: 999px;
  --shadow-card: 0 1px 2px rgb(14 34 64 / 0.05), 0 8px 24px -8px rgb(14 34 64 / 0.12);
  --shadow-lift: 0 2px 4px rgb(14 34 64 / 0.06), 0 18px 40px -12px rgb(14 34 64 / 0.22);

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-reveal: 900ms;
  --dur-ui: 220ms;

  /* layout */
  --wrap: 1240px;
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.75rem);
  --section: clamp(4.5rem, 3rem + 5vw, 7.5rem);
}