/* eThesis website design tokens
   Copied from design-handoff/tokens/tokens.css (2026-11-02). Fonts are loaded with a
   <link> in _SiteLayout.cshtml instead of @import, and the base rules live in base.css. */

:root {
  /* Colors */
  --ink: #073A43;          /* primary text, dark sections, primary buttons, borders */
  --ink-2: #194F57;        /* secondary text, muted labels, footer rules */
  --teal: #3796A4;         /* accent: italics, active states, offset shadows, progress */
  --sand: #EAE3E1;         /* light section ground, text on dark */
  --sand-2: #F6F1EF;       /* hover rows, stage bar ground, very light panels */
  --sand-3: #F3EEEC;       /* Home process desk ground */
  --white: #FFFFFF;
  --footer-text: #C9D6D8;  /* footer small print on --ink */
  --footer-line: #3B6A72;  /* footer social button borders */
  --error: #8A2B1F;        /* form validation (Contact) */

  /* Translucent ink */
  --ink-12: rgba(7,58,67,.12);
  --ink-14: rgba(7,58,67,.14);
  --ink-15: rgba(7,58,67,.15);
  --ink-18: rgba(7,58,67,.18);
  --ink-20: rgba(7,58,67,.2);
  --ink-25: rgba(7,58,67,.25);
  --ink-35: rgba(7,58,67,.35);
  --white-20: rgba(255,255,255,.2);
  --white-22: rgba(255,255,255,.22);
  --teal-12: rgba(55,150,164,.12);
  --teal-55: rgba(55,150,164,.55);

  /* Fonts */
  --font-sans: 'Commissioner', system-ui, sans-serif;
  --font-display: 'Fira Sans Extra Condensed', Arial, sans-serif;
  --font-serif: 'Literata', Georgia, serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Layout */
  --container: 1240px;
  --gutter: 24px;
  --header-h: 76px;

  --pad-section-xl: 128px;
  --pad-section-l: 120px;
  --pad-section-m: 112px;
  --pad-section-s: 88px;
  --pad-section-xs: 64px;

  /* Borders and radii */
  --rule: 1.5px solid var(--ink);
  --radius-pill: 999px;
  --radius-card: 14px;
  --radius-panel: 16px;

  /* Offset "window" shadows (hard, no blur) */
  --shadow-window: 6px 6px 0 var(--ink-2);
  --shadow-teal-6: 6px 6px 0 var(--teal);
  --shadow-teal-8: 8px 8px 0 var(--teal);
  --shadow-teal-10: 10px 10px 0 var(--teal);
  --shadow-teal-18: 18px 18px 0 var(--teal);
  --shadow-white-6: 6px 6px 0 var(--white);
  --shadow-ink-6: 6px 6px 0 var(--ink);
  --shadow-soft: 0 30px 80px rgba(7,58,67,.18), 0 0 0 1px rgba(7,58,67,.12);

  /* Motion */
  --ease: ease;
  --ease-bar: cubic-bezier(.2,.8,.2,1);
  --t-fast: .2s;
  --t-mid: .25s;
  --t-swap: .4s;
}