/*
 * Design tokens — Hedvig palette (see CLAUDE.md). Change colors here only.
 */
:root {
    --bg: #EEEEEE;
    --surface: #FFFFFF;
    --text: #111111;
    --text-strong: #000000;
    --text-soft: #1F1F1F;
    --muted: #999999;
    --muted-2: #99A0B0;
    --dark: #080C12;
    --dark-2: #0E131D;
    --accent: #0099FF;
    --accent-2: #FE6819;

    --font-sans: "Google Sans", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 32px;
    --shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);

    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2.5rem;
    --space-6: 4rem;
    --space-7: 6rem;

    --container: 1200px;
    --gutter: clamp(16px, 4vw, 40px);

    --ease: cubic-bezier(.2, .7, .2, 1);
}