/* FRAMECUT — editorial motion tokens (Night / Paper) */

:root {
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    --r-xs: 2px;
    --r-sm: 4px;
    --r-ui: 8px;
    --r-lens: 20px;

    --motion-press: 110ms;
    --motion-hover: 170ms;
    --motion-enter: 260ms;
    --ease-cut: cubic-bezier(.23, 1, .32, 1);
    --ease-cinema: cubic-bezier(.16, 1, .3, 1);

    --font-sans: Inter, "Helvetica Neue", Arial, sans-serif;
    --font-mono: "SF Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    --accent-live: #E78484;
    --success: #7A724D;
}

[data-theme="night"],
html:not([data-theme]) {
    --canvas: #090907;
    --canvas-2: #10100D;
    --surface: #151510;
    --surface-soft: #1B1B15;
    --ink: #F1F0E8;
    --ink-2: #C7C4B9;
    --muted: #8C8A81;
    --rule: #323129;
    --rule-strong: #4A483D;
    --signal: #F1C232;
    --signal-hover: #FFD760;
    --signal-ink: #151208;
    --olive: #7A724D;
    --danger: #E78484;
    --focus: #F1C232;
    --preview-canvas: #E9E6DD;
    --preview-text: #13130F;
    --preview-muted: #77746C;
}

[data-theme="paper"] {
    --canvas: #F1EFE8;
    --canvas-2: #E9E6DD;
    --surface: #F8F6EF;
    --surface-soft: #E2DED3;
    --ink: #13130F;
    --ink-2: #47463F;
    --muted: #77746C;
    --rule: #C9C4B8;
    --rule-strong: #9B9587;
    --signal: #D79F00;
    --signal-hover: #BD8A00;
    --signal-ink: #17140B;
    --olive: #6D684D;
    --danger: #A74747;
    --focus: #13130F;
    --preview-canvas: #FFFFFF;
    --preview-text: #13130F;
    --preview-muted: #77746C;
}

/* Legacy aliases used across the app */
:root,
[data-theme="night"],
[data-theme="paper"],
html:not([data-theme]) {
    --bg: var(--canvas);
    --bg-subtle: var(--canvas-2);
    --surface-raised: var(--surface-soft);
    --surface-inverse: var(--ink);
    --text-primary: var(--ink);
    --text-secondary: var(--ink-2);
    --text-muted: var(--muted);
    --text-inverse: var(--signal-ink);
    --border: var(--rule);
    --border-strong: var(--rule-strong);
    --action: var(--signal);
    --action-hover: var(--signal-hover);
    --action-text: var(--signal-ink);
    --selection: var(--signal);
    --radius-xs: var(--r-xs);
    --radius-sm: var(--r-sm);
    --radius-md: var(--r-ui);
    --duration-fast: var(--motion-press);
    --duration-base: var(--motion-hover);
    --ease-kinetic: var(--ease-cut);
    --bg-primary: var(--canvas);
    --bg-card: var(--surface);
    --bg-card-hover: var(--surface-soft);
    --border-glass: var(--rule);
    --accent-yellow: var(--signal);
    --accent-amber: var(--signal-hover);
    --accent-yellow-bright: var(--signal-hover);
    --accent-yellow-dark: var(--signal-hover);
    --radius: var(--r-sm);
    --font-system: var(--font-sans);
    --transition: var(--motion-hover) var(--ease-cut);
    --shadow-glow: none;
}