/* GENERATED by flowBuilder-artifacts/parity-ux-2026-10/tokens/gen_tokens.py
   from tokens.json 2026.10.07-1 (sha256 117292202d7e). Do not edit by hand.
   Light values on :root, dark on html[data-mode="dark"] (the attribute applyColorMode() sets).
   The Theme setting may still override --accent; --accent-text here is for the default accent. */
:root {
    --accent: #6E29D9;
    --accent-text: #6E29D9;
    --text-on-accent: #FFFFFF;
    --bg-app: #F5F5F7;
    --surface: #FFFFFF;
    --surface-2: #F5F5F7;
    --surface-3: #F0F0F0;
    --text-primary: #1D1D1F;
    --text-secondary: #666666;
    --border-color: #D2D2D7;
    --chakra-root: #CC1A1A;
    --chakra-sacral: #F2731A;
    --chakra-solar-plexus: #F2CC1A;
    --chakra-heart: #33B34D;
    --chakra-throat: #3399E6;
    --chakra-third-eye: #4D33CC;
    --chakra-crown: #991ACC;

    --space-1: 4px; /* xs */
    --space-2: 8px; /* sm */
    --space-3: 12px; /* md */
    --space-4: 16px; /* lg */
    --space-5: 24px; /* xl */
    --space-6: 32px; /* xxl */
    --space-7: 48px; /* xxxl */
    --radius-chip: 8px;
    --radius-card: 12px;
    --radius-sheet: 16px;
    --radius-hero: 24px;
    --radius-pill: 999px;

    --font-size-display: 34px;
    --font-weight-display: 200;
    --tracking-display: 3px;
    --font-size-title: 22px;
    --font-weight-title: 600;
    --font-size-headline: 17px;
    --font-weight-headline: 600;
    --font-size-body: 16px;
    --font-weight-body: 400;
    --font-size-subhead: 14px;
    --font-weight-subhead: 400;
    --font-size-caption: 12px;
    --font-weight-caption: 500;
    --font-size-numeric: 17px;
    --font-weight-numeric: 600;

    --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.12);

    --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1.0);
    --ease-std: cubic-bezier(0.4, 0.0, 0.2, 1.0);
    --ease-gentle: cubic-bezier(0.25, 0.1, 0.25, 1.0);
    --ease-in-out-sine: cubic-bezier(0.37, 0.0, 0.63, 1.0);
    --dur-press: 120ms;
    --dur-settle: 240ms;
    --dur-sheet: 280ms;
    --dur-pose: 300ms;
    --dur-numeric-roll: 300ms;
    --dur-breathe: 8000ms;
    --dur-reorder: 250ms;
    --dur-seed-spin: 6000ms;
    --dur-bloom: 600ms;
    --dur-logo-spin: 1200ms;
    --settle-stagger: 30ms;
    --press-scale: 0.97;
}

html[data-mode="dark"] {
    --accent-text: #B998ED;
    --bg-app: #000000;
    --surface: #1C1C1E;
    --surface-2: #2C2C2E;
    --surface-3: #3A3A3C;
    --text-primary: #F5F5F7;
    --text-secondary: #A1A1A6;
    --border-color: #3A3A3C;
    --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.55);
    --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.6);
}

/* Reduce Motion: each motion drops to its UX_PLAN §4 fallback (cross-fade or none). */
@media (prefers-reduced-motion: reduce) {
    :root {
        --dur-press: 0ms;
        --dur-settle: 150ms;
        --dur-sheet: 150ms;
        --dur-pose: 200ms;
        --dur-numeric-roll: 0ms;
        --dur-breathe: 0ms;
        --dur-reorder: 0ms;
        --dur-seed-spin: 0ms;
        --dur-bloom: 0ms;
        --dur-logo-spin: 0ms;
        --settle-stagger: 0ms;
        --press-scale: 1;
    }
}
html[data-reduce-motion] {
    --dur-press: 0ms;
    --dur-settle: 150ms;
    --dur-sheet: 150ms;
    --dur-pose: 200ms;
    --dur-numeric-roll: 0ms;
    --dur-breathe: 0ms;
    --dur-reorder: 0ms;
    --dur-seed-spin: 0ms;
    --dur-bloom: 0ms;
    --dur-logo-spin: 0ms;
    --settle-stagger: 0ms;
    --press-scale: 1;
}