/* Oettinger Management Group — design tokens (CSS custom properties)
   Generated from tokens.json. Import this first, then base.css + components.css. */
:root{
  /* ---- color: base ---- */
  --ink:#1A1C1F;          /* charcoal — primary text, dark surfaces */
  --ink-soft:#51565E;     /* secondary text */
  --paper:#F7F4EC;        /* cream — page base */
  --surface:#FFFFFF;      /* cards */
  --line:#E3DDCE;         /* warm hairline borders */

  /* ---- color: accent = Audi Turbo Blue (LV5C / "Turboblau") ---- */
  --blue:#0072CE;         /* CTAs, links, key marks — white-on-blue ~4.9:1 (AA) */
  --blue-deep:#005CA8;    /* hover / active */
  --blue-tint:#E9F2FC;    /* soft wash — callouts, highlights */
  --success:#2E7D5B;      /* green: small success cue ONLY */

  /* ---- semantic ---- */
  --text:var(--ink);
  --bg:var(--paper);
  --border:var(--line);
  --link:var(--blue);
  --link-hover:var(--blue-deep);
  --focus:var(--blue);

  /* ---- type ---- */
  --f-display:'Fraunces',Georgia,serif;
  --f-body:'Public Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --t-display-xl:clamp(2.6rem,5vw,4rem);
  --t-display:clamp(2rem,3.5vw,2.8rem);
  --t-h2:1.8rem;
  --t-h3:1.3rem;
  --t-lead:1.15rem;
  --t-body:1rem;
  --t-small:.875rem;
  --t-micro:.78rem;
  --lh-tight:1.15;
  --lh-body:1.6;

  /* ---- space ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px;

  /* ---- layout / radius / shadow / motion ---- */
  --container:1140px;
  --measure:68ch;
  --r-sm:6px; --r-md:12px; --r-lg:20px;
  --shadow-sm:0 1px 2px rgba(26,28,31,.06);
  --shadow-md:0 6px 20px rgba(26,28,31,.08);
  --dur-fast:140ms; --dur-base:300ms;
}