/* RR Rebuild Tokens — extends core-layout.css variables */
:root {
    /* Font stack: referenced in core-layout.css but never declared */
    --cyber-font-ui: 'Exo 2', 'Rajdhani', 'Helvetica Neue', Arial, sans-serif;
    --cyber-font-display: 'Orbitron', 'Audiowide', var(--cyber-font-ui);

    /* Time palette: set by JS on html+body. Defaults for pre-JS. */
    --time-primary: #00ff9d;
    --time-secondary: #9d00ff;
    --time-primary-light: #006644;
    --time-secondary-light: #6a1b9a;

    /* Route site accent through time-primary */
    --cyber-primary-accent: var(--time-primary);
    --cyber-secondary-accent: var(--time-secondary);
    --border-emphasis: var(--time-primary);

    /* Case card tokens */
    --card-gap: var(--space-lg);
    --card-radius: 18px;
    --card-border: 1px solid var(--border-emphasis);
    --card-bg: rgba(0, 0, 0, 0.35);

    /* Proof chip tokens — follow time palette */
    --chip-bg: rgba(0, 0, 0, 0.15);
    --chip-border: 1px solid var(--time-secondary);
    --chip-radius: 999px;
    --chip-font-size: var(--text-xs);

    /* Button tokens */
    --btn-radius: 8px;
    --btn-font: var(--cyber-font-mono);
    --btn-primary-bg: var(--cyber-primary-accent);
    --btn-primary-color: #000;
    --btn-ghost-bg: transparent;
    --btn-ghost-border: 1px solid var(--cyber-primary-accent);
    --btn-ghost-color: var(--cyber-primary-accent);

    /* Footer tokens */
    --footer-bg: rgba(0, 0, 0, 0.6);
    --footer-border: 1px solid var(--border-subtle);
}

[data-theme="light"] {
    /* Route through light-mode time palette (set by JS on html+body) */
    --cyber-primary-accent: var(--time-primary-light);
    --cyber-secondary-accent: var(--time-secondary-light);
    --border-emphasis: var(--time-primary-light);

    --card-bg: rgba(255, 255, 255, 0.85);
    --chip-bg: rgba(0, 0, 0, 0.04);
    --chip-border: 1px solid var(--time-secondary-light);
    --btn-primary-bg: var(--time-primary-light);
    --btn-primary-color: #fff;
    --btn-ghost-border: 1px solid var(--time-primary-light);
    --btn-ghost-color: var(--time-primary-light);
    --footer-bg: rgba(255, 255, 255, 0.92);
    --footer-border: 1px solid rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}