:root{
  /* Colors */
  --c-bg: #ffffff;
  --c-text: #111111;
  --c-primary: #d7263d;
  --c-muted: #f5f5f5;

  /* Typography */
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-serif: Georgia, "Times New Roman", Times, serif;

  /* Radius / Shadow */
  --radius: 16px;
  --shadow: 0 10px 30px rgba(0,0,0,.08);

  /* Spacing */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Type scale (fluid, simpel) */
  --step--1: clamp(0.92rem, 0.90rem + 0.2vw, 1.00rem);
  --step-0:  clamp(1.00rem, 0.98rem + 0.3vw, 1.125rem);
  --step-1:  clamp(1.20rem, 1.10rem + 0.7vw, 1.60rem);
  --step-2:  clamp(1.50rem, 1.30rem + 1.2vw, 2.20rem);
  --step-3:  clamp(1.90rem, 1.60rem + 1.8vw, 3.00rem);
}