/* ==========================================================================
   Prostitutki Media design tokens
   --------------------------------------------------------------------------
   This file is the shared source for theme values used across the public site,
   cabinet, and admin UI. Existing CSS layers may still override these tokens
   while the design system is adopted gradually.
   ========================================================================== */

:root {
    /* Legacy brand tokens used by the current UI */
    --kpi-gap: 16px;
    --hi-bg: #070b16;
    --hi-panel: rgba(255,255,255,.04);
    --hi-border: rgba(0, 255, 255, .18);
    --hi-cyan: #40e0ff;
    --hi-mag: #c43cff;
    --hi-green: #19ff95;
    --topbar-h: 60px;
    --sidebar-w: 300px;
    --cabinet-primary: #6366f1;
    --cabinet-secondary: #8b5cf6;

    /* Typography */
    --font-public: "OpenSans", Arial, sans-serif;
    --font-ui: Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --font-display: Orbitron, Inter, sans-serif;

    /* Semantic colors */
    --color-bg: var(--hi-bg);
    --color-surface: var(--hi-panel);
    --color-border-accent: var(--hi-border);
    --color-accent-cyan: var(--hi-cyan);
    --color-accent-magenta: var(--hi-mag);
    --color-accent-success: var(--hi-green);
    --color-text-primary: #e8f0ff;
    --color-text-muted: #9bb7ff;
    --color-text-inverse: #000;

    /* Effects */
    --gradient-page-bg:
        radial-gradient(1200px 600px at 80% -10%, rgba(196,60,255,.12), transparent 60%),
        radial-gradient(900px 450px at -10% 110%, rgba(64,224,255,.12), transparent 60%),
        linear-gradient(135deg,#03050c 0%,#05080f 20%,#08050f 40%,#05080f 60%,#03050c 80%,#02040a 100%);
    --gradient-admin-bg:
        radial-gradient(1200px 600px at 80% -10%, rgba(196,60,255,.12), transparent 60%),
        radial-gradient(900px 450px at -10% 110%, rgba(64,224,255,.12), transparent 60%),
        linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 30%),
        color-mix(in srgb, var(--hi-bg) 92%, #000 8%);
    --gradient-brand: linear-gradient(135deg, var(--hi-cyan) 0%, var(--hi-mag) 100%);
    --gradient-brand-text: linear-gradient(135deg, #fff 0%, var(--hi-cyan) 50%, var(--hi-mag) 100%);
    --shadow-card: 0 10px 28px rgba(0,0,0,.42), 0 0 24px rgba(64,224,255,.07);
    --shadow-topbar: 0 8px 32px rgba(0,0,0,.3);
    --blur-glass: blur(10px) saturate(160%);

    /* Shape and layout */
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 16px;
    --radius-pill: 999px;
    --container-max: 1170px;

    /* Responsive breakpoints used throughout the legacy CSS */
    --breakpoint-sm: 480px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 991px;
    --breakpoint-xl: 1200px;
}

html[data-bs-theme="dark"] {
    --bs-body-bg: var(--hi-bg);
    --bs-body-color: var(--color-text-primary);
    --bs-border-color: rgba(255,255,255,.08);
}