:root {
  --color-bg: #ffffff;
  --color-bg-muted: #0f1216;
  --color-surface: #f8f9fb;
  --color-text: #0e0f12;
  --color-text-muted: #4b525a;
  --color-border: #e5e8ec;

  --color-accent: #c8102e;
  --color-accent-contrast: #ffffff;

  --color-secondary: #0aa0c8;
  --color-secondary-contrast: #ffffff;

  --container-max: 1200px;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-lg: 20px;
  --shadow-1: 0 6px 24px rgba(0,0,0,0.06);
  --shadow-2: 0 10px 36px rgba(0,0,0,0.10);

  --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;

  --fs-hero: clamp(32px, 6vw, 56px);
  --fs-h1: clamp(28px, 4.5vw, 40px);
  --fs-h2: clamp(22px, 3.6vw, 32px);
  --fs-h3: clamp(18px, 3vw, 24px);
  --fs-body: 18px;
  --fs-small: 14px;

  --sp-1: 8px; --sp-2: 12px; --sp-3: 16px; --sp-4: 20px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 40px; --sp-8: 56px; --sp-9: 72px;
}