/* ==========================================================================
   SMALT — Theme v2 design tokens
   Isolated, single source of truth for colors, spacing, radius, shadows,
   typography and motion used by the new theme. Scoped under .tv2-auth and
   .tv2-app so it cannot leak into legacy pages.
   ========================================================================== */

.tv2-auth,
.tv2-app {
    /* Surfaces & lines */
    --tv2-bg: #f4f7fb;
    --tv2-surface: #ffffff;
    --tv2-surface-1: #fbfcfe;
    --tv2-surface-2: #f1f5fa;
    --tv2-inset: #edf2f8;
    --tv2-line: #e5ecf3;
    --tv2-line-2: #d6e0ea;

    /* Ink / text */
    --tv2-ink: #0b1220;
    --tv2-ink-2: #33415a;
    --tv2-slate: #64748b;
    --tv2-faint: #94a3b8;

    /* Brand & accent */
    --tv2-brand: #0fb6a4;
    --tv2-brand-ink: #0a7e72;
    --tv2-brand-soft: #e2f6f2;
    --tv2-accent: #1597c9;
    --tv2-accent-soft: #e4f2fa;

    /* Semantic status */
    --tv2-ok: #179e69;
    --tv2-ok-soft: #e6f5ee;
    --tv2-ok-ink: #0f7a50;
    --tv2-warn: #e08a0b;
    --tv2-warn-soft: #fbf1e1;
    --tv2-warn-ink: #9a5e07;
    --tv2-crit: #e23e54;
    --tv2-crit-soft: #fbeaee;
    --tv2-crit-ink: #b32a40;
    --tv2-off: #8593a6;
    --tv2-off-soft: #eef2f7;
    --tv2-off-ink: #566173;

    --tv2-viol: #7158e6;
    --tv2-viol-soft: #ece8fb;
    --tv2-viol-ink: #5037c2;

    --tv2-danger: #d64550;
    --tv2-danger-soft: #fbe9ea;
    --tv2-danger-line: #f1c4c8;

    /* Dark command-center panel */
    --tv2-night: #0e1b30;
    --tv2-night-2: #070d18;

    /* Radius */
    --tv2-r-xs: 6px;
    --tv2-r-sm: 8px;
    --tv2-r: 10px;
    --tv2-r-lg: 14px;
    --tv2-r-pill: 999px;

    /* Spacing scale */
    --tv2-space-1: 4px;
    --tv2-space-2: 8px;
    --tv2-space-3: 12px;
    --tv2-space-4: 16px;
    --tv2-space-5: 22px;
    --tv2-space-6: 30px;
    --tv2-space-7: 40px;

    /* Shadows */
    --tv2-shadow-1: 0 1px 1px rgba(11, 18, 32, .04), 0 1px 2px rgba(11, 18, 32, .04);
    --tv2-shadow-card: 0 1px 2px rgba(11, 18, 32, .05), 0 30px 70px -34px rgba(11, 18, 32, .4);
    --tv2-shadow-glass: 0 10px 30px -12px rgba(8, 15, 26, .45);
    --tv2-shadow-panel: -24px 0 60px -30px rgba(8, 15, 26, .5);
    --tv2-shadow-btn: inset 0 1px 0 rgba(255, 255, 255, .08), 0 10px 24px -12px rgba(11, 18, 32, .6);
    --tv2-shadow-btn-hover: inset 0 1px 0 rgba(255, 255, 255, .1), 0 14px 30px -12px rgba(11, 18, 32, .7);
    --tv2-focus-ring: 0 0 0 3px var(--tv2-accent-soft);

    /* Typography */
    --tv2-font-sans: 'IBM Plex Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    --tv2-font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Motion */
    --tv2-t: 160ms cubic-bezier(.2, .6, .2, 1);

    /* Z-index scale */
    --tv2-z-header: 60;
    --tv2-z-nav-menu: 70;
    --tv2-z-mobile-nav: 85;
    --tv2-z-overlay: 80;
    --tv2-z-panel: 90;
    --tv2-z-map-ui: 10;
}