:root {
    --color-primary: #14B8A6;
    --color-primary-light: #E6FFFB;
    --color-primary-dark: #0F766E;
    --color-background: #F8FAFC;
    --color-surface: #FFFFFF;
    --color-ink: #0F172A;
    --color-text: #1F2937;
    --color-muted: #64748B;
    --color-border: #E2E8F0;
    --color-on-dark: #94A3B8;
    --color-waiting: #F59E0B;
    --color-ready: #22C55E;
    --color-complete: var(--color-muted);
    --color-free: var(--color-surface);
    --color-on-accent: var(--color-ink);
    --color-on-inverse: var(--color-surface);
    --color-control-border: var(--color-muted);
    --color-focus: var(--color-primary-dark);

    --space-0: 0px;
    --space-1: 4px;
    --space-2: 8px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-24: 96px;
    --space-30: 120px;

    --radius-button: 20px;
    --radius-card: 32px;
    --radius-hero: 40px;
    --radius-pill: 9999px;
    --shadow-none: none;
    --shadow-card: 0 2px 6px rgb(15 23 42 / 6%);
    --shadow-overlay: 0 8px 24px rgb(15 23 42 / 12%);
    --focus-width: 2px;
    --focus-offset: 2px;
    --control-min-height: 44px;
    --icon-size: 20px;

    --font-brand: "Manrope", system-ui, sans-serif;
    --font-product: "Inter", system-ui, sans-serif;
    --type-h1-size: 2rem;
    --type-h1-weight: 800;
    --type-h1-leading: 1.25;
    --type-h2-size: 1.5rem;
    --type-h2-weight: 700;
    --type-h2-leading: calc(4 / 3);
    --type-h3-size: 1.25rem;
    --type-h3-weight: 600;
    --type-h3-leading: 1.4;
    --type-body-size: 1rem;
    --type-body-weight: 400;
    --type-body-leading: 1.5;
    --type-label-size: 0.875rem;
    --type-label-weight: 600;
    --type-label-leading: calc(10 / 7);
    --type-button-size: 1rem;
    --type-button-weight: 600;
    --type-button-leading: 1.5;
    --type-caption-size: 0.875rem;
    --type-caption-weight: 400;
    --type-caption-leading: calc(10 / 7);
}