/* Titus Retro tokens (fase 1, cohesie 2026-10-11). Enige plek voor kleur, papier, aquarel, schaduw, radius, ruimte,
   typografie en beweging. Legacy-waarden uit de meting (306 hex, 58 schaduwen, 28 radii) wijzen hier naartoe;
   check_tokens bewaakt het budget en laat het alleen dalen. */
:root{
  /* kleur: inkt en papier (dag) */
  --tr-ink:#352c27; --tr-ink-soft:#6c594c; --tr-ink-mute:#6b6051; --tr-ink-ui:#304650;
  --tr-paper:#f4ecdc; --tr-paper-solid:#f8f1e5; --tr-paper-glass:rgba(248,241,229,.9); --tr-paper-button:#eeeade; --tr-paper-band:#e9eadf;
  --tr-rule:rgba(75,55,43,.2);
  /* accenten */
  --tr-accent-rome:#753d2d; --tr-accent-greece:#294858; --tr-oxide:#9a452f; --tr-blue:#496f89; --tr-olive:#687154; --tr-gold:#9a7848;
  --tr-signal:#3657ff; --tr-signal-ink:#fff6e5;
  /* aquarel: de pagina zet --tr-setting-day en --tr-setting-night inline; system.css kiest --tr-world */
  --tr-setting-day:none; --tr-setting-night:none; --tr-setting:var(--tr-setting-day);
  --tr-veil-day:rgba(247,242,233,.47); --tr-veil-night:rgba(23,39,55,.33);
  /* oppervlakken (tactiel papier) */
  --tr-surface-card:none;
  /* schaduw */
  --tr-lift:0 2px 3px rgba(38,61,56,.145); --tr-lift-hover:0 5px 9px rgba(48,41,29,.22); --tr-lift-press:0 1px 1px rgba(48,41,29,.21);
  --tr-drop:drop-shadow(0 3px 3px rgba(48,41,29,.16));
  /* radius */
  --tr-r-s:8px; --tr-r-m:14px; --tr-r-l:25px; --tr-r-round:50%;
  /* ruimte */
  --tr-s-1:4px; --tr-s-2:8px; --tr-s-3:12px; --tr-s-4:16px; --tr-s-5:24px; --tr-s-6:40px;
  /* typografie */
  --tr-font-display:Fraunces,Georgia,serif; --tr-font-body:"Source Serif 4",Georgia,serif; --tr-font-label:"Geist Mono",monospace;
  /* beweging en raakvlak */
  --tr-t-fast:.15s; --tr-touch:46px; /* 46: na de indruk-veer (.96) blijft het raakvlak boven 44 */
  --tr-focus-color:#244f67; --tr-focus:3px solid var(--tr-focus-color);
  /* knop (components/button.css) */
  --tr-btn-ink:var(--tr-ink-ui); --tr-btn-ink-quiet:#52666c;
  --tr-btn-bg:var(--tr-paper-button); --tr-btn-bg-selected:#dfe3d6; --tr-btn-bg-glass:rgba(245,241,228,.92);
  --tr-btn-selected-shadow:inset 0 2px 3px rgba(35,54,68,.3);
  --tr-btn-border-flat:1px solid #b5b5a4;
  --tr-btn-disabled:.55;
  --tr-cta-ink:var(--tr-accent-rome);
  --tr-cta-h:90px; --tr-cta-w:346px; --tr-cta-r:var(--tr-r-l);
  /* aquarel als paneel: wielkolom en bedieningsstroken */
  --tr-panel-veil:rgba(248,245,236,.58); --tr-panel-border:1px solid #b5b5a4;
  --tr-ink-on-panel:var(--tr-btn-ink); --tr-ink-quiet-on-panel:var(--tr-btn-ink-quiet);
  --tr-font-size-s:.875rem; --tr-font-size-m:1rem; --tr-font-size-l:1.5rem;
  /* herontwerp 2026-10-12: materialen en de teal uit Bens preset (#118183) als enige accent */
  --tr-signal:#0f7375;
  --tr-tint:rgba(17,129,131,.12); --tr-tint-hover:rgba(17,129,131,.19); --tr-tint-ink:#0b5557;
  --tr-tint-solid:#0f7375; --tr-tint-solid-hover:#0c6264; --tr-tint-solid-ink:#fff; --tr-tint-strong:#0f7375;
  --tr-sheet:rgba(250,248,243,.9); --tr-chrome:rgba(250,249,245,.72); --tr-chrome-edge:rgba(255,255,255,.55);
  --tr-fill:rgba(53,44,39,.045); --tr-hairline:rgba(53,44,39,.12);
  --tr-ease-out:cubic-bezier(.23,1,.32,1);
}
:root[data-theme="dark"]{
  --tr-ink:#fff6e5; --tr-ink-soft:#ded6c6; --tr-paper:#26333d; --tr-paper-glass:rgba(38,51,61,.9);
  --tr-focus-color:#fff4d8; --tr-lift-hover:0 5px 9px rgba(0,0,0,.35);
  --tr-panel-veil:rgba(27,40,52,.82); --tr-panel-border:1px solid #6f8590;
  --tr-ink-on-panel:#f3ecdc; --tr-ink-quiet-on-panel:#d3ccbc;
  --tr-signal:#7fd3d3; --tr-ink-mute:#b9b0a0;
  --tr-tint:rgba(110,205,205,.16); --tr-tint-hover:rgba(110,205,205,.24); --tr-tint-ink:#bfe9e8;
  --tr-tint-solid:#1d7f81; --tr-tint-solid-hover:#22908f; --tr-tint-strong:#7fd3d3;
  --tr-sheet:rgba(20,28,34,.9); --tr-chrome:rgba(24,32,38,.72); --tr-chrome-edge:rgba(255,255,255,.12);
  --tr-fill:rgba(255,255,255,.06); --tr-hairline:rgba(255,255,255,.12);
}