:root {
  /* Brand colors — extracted from client logo (logo-PR_EN.png) */
  --color-red-600: #f9002e;
  --color-red-500: #ff2f52;
  --color-red-100: #ffc0ca;
  --color-red-50: #fff0f2;

  --color-slate-900: #263243;
  --color-slate-700: #3a4a63;
  --color-slate-600: #485a74;
  --color-slate-300: #a9b8cc;
  --color-slate-100: #d5e1f0;
  --color-slate-50: #f4f7fb;

  --color-ink: #1c232e;
  --color-paper: #ffffff;
  --color-paper-muted: #f7f9fc;
  --color-border: #e2e8f1;

  --gradient-brand: linear-gradient(135deg, var(--color-red-600) 0%, var(--color-slate-600) 100%);

  /* Typography */
  --font-heading: 'IBM Plex Sans Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-hero: clamp(2.25rem, 5vw + 1rem, 4rem);
  --fs-h2: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.25rem, 1vw + 1rem, 1.5rem);
  --fs-lead: clamp(1.125rem, 0.5vw + 1rem, 1.375rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 7rem;

  /* Layout */
  --container-width: 1160px;
  --container-padding: clamp(1.25rem, 4vw, 2.5rem);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 1px 2px rgba(28, 35, 46, 0.06);
  --shadow-md: 0 8px 24px rgba(38, 50, 67, 0.08);
  --shadow-lg: 0 20px 48px rgba(38, 50, 67, 0.14);
}