@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/brand/fonts/inter-400.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/brand/fonts/inter-500.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/brand/fonts/inter-600.ttf') format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/brand/fonts/inter-700.ttf') format('truetype')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url('/design-studies/assets/fonts/space-grotesk-400.woff2') format('woff2')}
:root{
  --brand-primary:#0F2A2E;
  --brand-secondary:#0D6E7A;
  --brand-accent:#F2A654;
  --brand-surface:#F5F7F8;
  --brand-slate:#687C82;
  --brand-white:#FFFFFF;
  --button-radius:8px;--card-radius:12px;--content-width:1200px;--space:8px;
  --surface-muted:#E8EEF0;--surface-amber:#FFF2E3;--surface-dark-hover:#19444B;
  --text-muted:#4D6268;--text-on-dark:#D7E4E7;--line-light:#B5C7CC;--line-dark:#517379;--brand-accent-hover:#F7BC7C;
}