/* ==========================================================================
   TEC Leimert — colour tokens, verbatim.

   Lifted unchanged from styles.css in the TEC Leimert redesign build. These
   are the values their site actually renders, so the orb on this page is the
   same orb a visitor sees on tecleimert.org — not a reconstruction of it.

   Their index.html sets no data-theme, so :root (chrome) is their default and
   is the default here too. [data-theme="gold"] is their second approved
   palette; the switcher on the page flips between them.

   Do not edit these values to taste. If TEC changes their palette, re-lift
   this block from their styles.css so the two can't drift.
   ========================================================================== */

:root {
  --ink: #080c11;
  --ink-2: #0a0f15;
  --ink-3: #121924;
  --navy: #101c33;
  --navy-deep: #0a1122;
  --gold: #6ec3f0;
  --gold-pale: #d8f1ff;
  --gold-muted: #7f9cb5;
  --gold-deep: #2a6d9e;
  --accent-rgb: 110, 195, 240;
  --on-accent: #06202f;          /* text that sits on a filled accent */
  --ink-rgb: 8, 12, 17;
  --ink2-rgb: 10, 15, 21;
  --pale-rgb: 216, 241, 255;
  /* ambient glows behind hero + section washes */
  --glow-1: #1b2a4a; --glow-2: #121b33; --glow-3: #0b1020;
  /* the captain orb's core gradient */
  --orb-1: #28425f; --orb-2: #152538; --orb-3: #0b1522; --orb-4: #060a10;
  /* card + panel surfaces */
  --panel: #10161d; --panel-2: #101821; --panel-warm: #16222e;
  --card-1: #171f33; --card-2: #10141f; --card-3: #0d0f16;
  --cream: #eef4f9;
  --cream-2: #d4dde6;
  --body: #c6d0da;
  --body-dim: #97a5b4;
  --body-faint: #8494a4;
  --rule: rgba(var(--accent-rgb), 0.28);
  --serif-display: 'Cormorant Garamond', serif;
  --serif-caps: 'Marcellus', serif;
  --sans: 'Outfit', sans-serif;
}

/* TEC brand gold — sampled from their own assets (#f4bb35 collar, #f5b007 hero) */
[data-theme="gold"] {
  --ink: #0a0908;
  --ink-2: #100e0b;
  --ink-3: #1c1813;
  --navy: #241d12;
  --navy-deep: #15100a;
  --gold: #f2b233;
  --gold-pale: #ffe6ad;
  --gold-muted: #b39a6b;
  --gold-deep: #a8730c;
  --accent-rgb: 242, 178, 51;
  --on-accent: #1a1204;
  --cream: #fdf8ef;
  --cream-2: #ece0cc;
  --body: #d8cdba;
  --body-dim: #a89b84;
  --body-faint: #8d8069;
  --on-accent: #1a1204;
  --ink-rgb: 10, 9, 8;
  --ink2-rgb: 16, 14, 11;
  --pale-rgb: 255, 230, 173;
  --glow-1: #3d2d0f; --glow-2: #251b0b; --glow-3: #140f07;
  --orb-1: #6b4d13; --orb-2: #3a2a0c; --orb-3: #1d1508; --orb-4: #0b0804;
  --panel: #171310; --panel-2: #1a150e; --panel-warm: #221a10;
  --card-1: #2b2113; --card-2: #1a140d; --card-3: #100c07;
}