/* Hallmark tokens · Ertia Cloud login ecosystem · studied: yes */
:root {
    --color-page: oklch(95% 0.018 18);
    --color-shell: oklch(99% 0.004 255);
    --color-panel: oklch(93% 0.04 238);
    --color-panel-strong: oklch(88% 0.065 240);
    --color-ink: oklch(22% 0.026 264);
    --color-ink-soft: oklch(43% 0.026 264);
    --color-muted: oklch(52% 0.02 264);
    --color-rule: oklch(87% 0.028 242);
    --color-rule-strong: oklch(76% 0.06 240);
    --color-input: oklch(98% 0.006 255);
    --color-input-hover: oklch(96% 0.012 248);
    --color-surface-raised: oklch(99% 0.008 255);
    --color-panel-tint: oklch(90% 0.055 238);
    --color-chip: oklch(98% 0.012 255);
    --color-chip-strong: oklch(31% 0.052 260);
    --color-live-soft: oklch(92% 0.05 148);
    --color-live: oklch(43% 0.12 148);
    --color-route: oklch(52% 0.15 18);
    --color-route-soft: oklch(82% 0.06 238);
    --color-accent: oklch(47% 0.205 18);
    --color-accent-hover: oklch(42% 0.19 18);
    --color-accent-text: var(--color-accent);
    --color-accent-soft: oklch(93% 0.048 20);
    --color-accent-ink: oklch(99% 0.004 255);
    --color-focus: oklch(18% 0.05 254);
    --color-error: oklch(48% 0.19 25);
    --color-success: oklch(43% 0.12 148);
    --color-toast-error: oklch(96% 0.03 24);
    --color-toast-success: oklch(96% 0.03 145);
    --color-orbit-a: oklch(53% 0.15 255);
    --color-orbit-b: oklch(54% 0.14 164);
    --color-orbit-c: oklch(58% 0.16 306);
    --color-orbit-d: oklch(55% 0.16 65);
    --color-orbit-e: oklch(46% 0.17 18);
    --color-orbit-f: oklch(48% 0.12 215);
    --color-orbit-g: oklch(42% 0.14 275);
    --color-orbit-h: oklch(47% 0.13 225);
    --color-glass: oklch(99% 0.004 255 / 0.55);

    --font-display: "Inter", "Segoe UI", Helvetica, sans-serif;
    --font-body: "Inter", "Segoe UI", Helvetica, sans-serif;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.375rem;
    --text-display: clamp(1.9rem, 4vw, 2.55rem);

    --radius-sm: 0.625rem;
    --radius-md: 0.875rem;
    --radius-lg: 1.5rem;
    --radius-pill: 999rem;
    --rule-hair: 1px;

    --shadow-shell: 0 1.5rem 4rem oklch(38% 0.05 260 / 0.16);
    --shadow-button: 0 0.75rem 1.5rem oklch(38% 0.16 18 / 0.2);
    --shadow-node: 0 0.45rem 1.1rem oklch(35% 0.06 250 / 0.14);
    --shadow-scene: 0 1.2rem 2.4rem oklch(35% 0.06 250 / 0.13);
    --shadow-scene-soft: 0 0.6rem 1.2rem oklch(35% 0.06 250 / 0.1);
    --shadow-accent-soft: 0 0.75rem 1.4rem oklch(38% 0.16 18 / 0.22);
    --shadow-live-ring: 0 0 0 0.3rem oklch(43% 0.12 148 / 0.16);

    --color-muted-strong: var(--color-ink-soft);
    --color-text: var(--color-ink);

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-press: 100ms;
    --dur-short: 180ms;
    --dur-medium: 420ms;
    --dur-toast: 400ms;
    --dur-slide: 5200ms;
    --dur-orbit-fast: 24s;
    --dur-orbit-mid: 34s;
    --dur-orbit-slow: 46s;
}

[data-bs-theme="dark"] {
    --color-page: oklch(17% 0.025 260);
    --color-shell: oklch(22% 0.025 260);
    --color-panel: oklch(27% 0.055 244);
    --color-panel-strong: oklch(34% 0.07 242);
    --color-ink: oklch(96% 0.008 255);
    --color-ink-soft: oklch(82% 0.016 255);
    --color-muted: oklch(72% 0.018 255);
    --color-rule: oklch(36% 0.035 248);
    --color-rule-strong: oklch(52% 0.07 242);
    --color-input: oklch(25% 0.022 260);
    --color-input-hover: oklch(28% 0.025 258);
    --color-surface-raised: oklch(27% 0.028 260);
    --color-panel-tint: oklch(31% 0.06 244);
    --color-chip: oklch(30% 0.032 260);
    --color-chip-strong: oklch(93% 0.01 255);
    --color-live-soft: oklch(31% 0.055 148);
    --color-route-soft: oklch(48% 0.065 238);
    --color-accent-soft: oklch(29% 0.07 18);
    --color-accent-text: oklch(78% 0.11 18);
    --color-focus: oklch(92% 0.055 238);
    --color-toast-error: oklch(27% 0.06 24);
    --color-toast-success: oklch(27% 0.05 145);
    --shadow-shell: 0 1.5rem 4rem oklch(5% 0.015 260 / 0.48);
    --shadow-button: 0 0.75rem 1.5rem oklch(10% 0.05 18 / 0.32);
    --shadow-node: 0 0.45rem 1.1rem oklch(8% 0.025 250 / 0.32);
    --shadow-scene: 0 1.2rem 2.4rem oklch(8% 0.025 250 / 0.34);
    --shadow-scene-soft: 0 0.6rem 1.2rem oklch(8% 0.025 250 / 0.26);
    --shadow-accent-soft: 0 0.75rem 1.4rem oklch(8% 0.05 18 / 0.32);
    --shadow-live-ring: 0 0 0 0.3rem oklch(43% 0.12 148 / 0.2);
    --color-glass: oklch(22% 0.025 260 / 0.45);
}