/* Retrotec design tokens · Brand Guide v2.5 */
:root{
  --rt-color-red:#C8102E;
  --rt-color-yellow:#FEDD00;
  --rt-color-ink:#0D0D0D;
  --rt-color-white:#FFFFFF;
  --rt-color-red-dark:#A00D25;
  --rt-color-red-light:#D34058;
  --rt-color-red-pale:#F4CFD5;
  --rt-color-red-faint:#FBECEE;
  --rt-color-charcoal:#1A1A1A;
  --rt-color-graphite:#2E2E2E;
  --rt-color-slate:#4A4A4A;
  --rt-color-steel:#757575;
  --rt-color-silver:#BDBDBD;
  --rt-color-mist:#E0E0E0;
  --rt-color-cloud:#F4F4F4;
  --rt-color-surface:#F9F9F9;
  --rt-color-pass:#2E7D32;
  --rt-color-caution:#D9A20B;
  --rt-color-caution-text:#9A6700;
  --rt-color-fail:#B3261E;
  --rt-color-info:#1976D2;
  --rt-font-display:"Oswald","Arial Narrow",Arial,sans-serif;
  --rt-font-body:"Noto Sans",Arial,sans-serif;
  --rt-text-h1:600 56px/1.1 var(--rt-font-display);
  --rt-text-h2:600 40px/1.15 var(--rt-font-display);
  --rt-text-h3:500 28px/1.25 var(--rt-font-display);
  --rt-text-h4:700 22px/1.3 var(--rt-font-body);
  --rt-text-h5:700 18px/1.4 var(--rt-font-body);
  --rt-text-h6:700 14px/1.4 var(--rt-font-body);
  --rt-text-lead:400 20px/1.55 var(--rt-font-body);
  --rt-text-body:400 16px/1.6 var(--rt-font-body);
  --rt-text-small:400 14px/1.5 var(--rt-font-body);
  --rt-text-caption:400 12px/1.5 var(--rt-font-body);
  --rt-text-button:700 15px/1 var(--rt-font-body);
  --rt-space-xs:clamp(0.5rem,0.4rem + 0.35vw,0.75rem);
  --rt-space-sm:clamp(0.75rem,0.6rem + 0.6vw,1.25rem);
  --rt-space-md:clamp(1.25rem,1rem + 0.9vw,2rem);
  --rt-space-lg:clamp(1.75rem,1.5rem + 0.9vw,2.5rem);
  --rt-space-xl:clamp(2.5rem,2rem + 1.25vw,3.5rem);
  --rt-space-2xl:clamp(3.5rem,2.8rem + 1.9vw,5rem);
  --rt-space-3xl:clamp(5rem,4rem + 2.5vw,7rem);
  --rt-radius-xs:2px;
  --rt-radius-sm:4px;
  --rt-radius-md:8px;
  --rt-radius-lg:12px;
  --rt-radius-xl:16px;
  --rt-radius-xxl:24px;
  --rt-radius-full:9999px;
  --rt-shadow-xs:0 1px 2px rgba(0,0,0,0.05);
  --rt-shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04);
  --rt-shadow-md:0 4px 10px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);
  --rt-shadow-lg:0 10px 24px rgba(0,0,0,0.10),0 4px 8px rgba(0,0,0,0.04);
  --rt-shadow-xl:0 20px 40px rgba(0,0,0,0.12),0 8px 16px rgba(0,0,0,0.05);
  --rt-duration-fast:150ms;
  --rt-duration-base:250ms;
  --rt-duration-slow:350ms;
  --rt-control-sm:36px;
  --rt-control-md:44px;
  --rt-control-lg:52px;
  --rt-content:1000px;
  --rt-content-wide:1200px;
}