/**
 * Cinema Ops — shared design tokens
 * Used by admin-ops.css and the public site theme.
 */

:root {
    --ops-bg: #070d14;
    --ops-bg-2: #0c1622;
    --ops-panel: rgba(14, 24, 36, 0.92);
    --ops-panel-soft: rgba(18, 30, 44, 0.88);
    --ops-border: rgba(120, 180, 210, 0.18);
    --ops-border-strong: rgba(120, 180, 210, 0.32);
    --ops-ink: #e8f1f8;
    --ops-muted: #8fa9bd;
    --ops-cyan: #2ec4d6;
    --ops-cyan-deep: #1a9aab;
    --ops-amber: #f0a202;
    --ops-amber-soft: rgba(240, 162, 2, 0.18);
    --ops-danger: #ff5c5c;
    --ops-ok: #3ecf8e;
    --ops-sidebar-w: 248px;
    --ops-radius: 14px;
    --ops-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
    --ops-font: 'Manrope', 'Segoe UI', sans-serif;
    --ops-display: 'Bebas Neue', 'Impact', sans-serif;

    /* Public aliases */
    --site-bg: var(--ops-bg);
    --site-ink: var(--ops-ink);
    --site-muted: var(--ops-muted);
    --site-accent: var(--ops-cyan);
    --site-accent-2: var(--ops-amber);
    --site-panel: var(--ops-panel);
    --site-border: var(--ops-border);
    --site-radius: 12px;
}