/* Layer 1: system tokens. Variables only; brand values live in tokens-{brand}.css. */
:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;

    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 12px;
    --radius-pill: 999px;

    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --fs-xs: 0.8125rem;
    --fs-s: 0.9375rem;
    --fs-m: 1rem;
    --fs-l: 1.125rem;
    --fs-xl: 1.375rem;
    --fs-2xl: clamp(1.5rem, 1.2rem + 1vw, 1.875rem);
    --fs-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.75rem);
    --fs-4xl: clamp(2.25rem, 1.5rem + 3.2vw, 4rem);
    --lh-tight: 1.08;
    --lh-heading: 1.2;
    --lh-body: 1.6;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --ls-heading: -0.02em;
    --ls-caps: 0.08em;

    --container: 1200px;
    --gutter: clamp(16px, 4vw, 32px);
    --header-h: 72px;

    --shadow-s: 0 1px 2px rgb(12 30 25 / 0.06);
    --shadow-m: 0 8px 24px rgb(12 30 25 / 0.08);
    --shadow-l: 0 20px 48px rgb(12 30 25 / 0.14);

    --dur: 0.2s;
    --ease: cubic-bezier(0.2, 0.7, 0.3, 1);

    --z-header: 50;
    --z-dropdown: 60;
    --z-chat: 1000;
    --z-modal: 1100;

    --c-primary: #1f7a5a;
    --c-primary-hover: #19654a;
    --c-primary-contrast: #ffffff;
    --c-dark: #13302a;
    --c-dark-2: #1c473d;
    --c-dark-contrast: #ffffff;
    --c-dark-muted: #bcd2c9;
    --c-mint: #eef6f2;
    --c-mint-2: #d7ebe1;
    --c-bg: #ffffff;
    --c-surface: #ffffff;
    --c-text: #17201d;
    --c-muted: #5a6661;
    --c-line: #e1e8e4;
    --c-success: #1f7a5a;
    --c-success-bg: #e8f4ed;
    --c-error: #b42318;
    --c-error-bg: #fdecea;
    --c-info: #1f5f8b;
    --c-info-bg: #e8f1f8;

    --c-glass: rgb(255 255 255 / 0.94);
    --c-on-dark-line: rgb(255 255 255 / 0.14);
    --c-on-dark-hover: rgb(255 255 255 / 0.1);
    --c-on-dark-border: rgb(255 255 255 / 0.5);
    --c-backdrop: rgb(12 30 25 / 0.5);
}
