/* ============================================================
   CyberStudy 4E · OPS CONSOLE — Design Tokens
   Єдина точка зміни теми: кольори, шрифти, радіуси, тіні.
   ============================================================ */

:root {
    /* ── Фон і поверхні ── */
    --cs-bg: #121C31;
    --cs-bg-deep: #070E1B;
    --cs-panel: #16223A;
    --cs-panel-deep: #0F1828;
    --cs-panel-2: #101A2E;
    --cs-input-bg: #0E1728;
    --cs-card-grad: linear-gradient(160deg, rgba(44, 63, 98, .9), rgba(22, 33, 56, .6));
    --cs-panel-grad: linear-gradient(150deg, rgba(48, 69, 106, .92), rgba(20, 31, 54, .72));
    --cs-alt-grad: linear-gradient(180deg, #16223A, #0F1828);
    --cs-stats-grad: linear-gradient(180deg, #16223A, #0D1524);
    --cs-footer-grad: linear-gradient(180deg, #101C31, #070E1B);
    --cs-hero-bg:
        radial-gradient(900px 420px at 20% 26%, rgba(79, 195, 176, .18), transparent 70%),
        radial-gradient(720px 380px at 88% 6%, rgba(110, 168, 255, .14), transparent 70%),
        #16223A;
    --cs-form-bg:
        radial-gradient(700px 300px at 28% 0%, rgba(79, 195, 176, .14), transparent 70%),
        #1A2740;

    /* ── Бордери ── */
    --cs-line-strong: #22314F;
    --cs-line: #2B3B5C;
    --cs-line-soft: #1E2B47;
    --cs-btn-outline: #3A4B6E;
    --cs-input-line: #42557A;
    --cs-accent-border: #3A6E68;

    /* ── Текст (темні секції) ── */
    --cs-text: #E9EFF7;
    --cs-text-body: #9AAECB;
    --cs-text-item: #C3D0E4;
    --cs-text-dim: #8496B4;
    --cs-text-note: #6E80A0;
    --cs-white: #FFFFFF;

    /* ── Акцент ── */
    --cs-accent: #6FE6CD;
    --cs-accent-soft: #4FC3B0;
    --cs-accent-2: #4E8FE8;
    --cs-accent-grad: linear-gradient(135deg, #6FE6CD, #4E8FE8);
    --cs-on-accent: #06131A;
    --cs-accent-ring: rgba(79, 195, 176, .20);

    /* ── Світлі секції ── */
    --cs-light-bg: #F7F9FC;
    --cs-light-grad: linear-gradient(180deg, #FFFFFF, #EDF2F9);
    --cs-light-ink: #0A1120;
    --cs-light-body: #41506A;
    --cs-light-mut: #5C6779;
    --cs-light-tag: #8A94A6;
    --cs-light-line: #E2E7EF;
    --cs-light-accent: #2F8C7C;

    /* ── Статуси ── */
    --cs-ok: #4FC3B0;
    --cs-warn: #E0A33C;
    --cs-bad: #D2574B;
    --cs-na: #2A3A55;

    /* ── Шрифти ── */
    --cs-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
    --cs-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* ─-- Радіуси (гострі кути) ── */
    --cs-r-xs: 2px;
    --cs-r-sm: 3px;
    --cs-r-md: 4px;
    --cs-r-lg: 6px;

    /* ── Сітка й відступи ── */
    --cs-container: 1280px;
    --cs-pad-x: 40px;
    --cs-header-h: 72px;
    --cs-section-y: 88px;

    /* ── Тіні ── */
    --cs-shadow-lg: 0 30px 70px rgba(0, 0, 0, .45);
    --cs-shadow-md: 0 18px 44px rgba(0, 0, 0, .42);
    --cs-shadow-sm: 0 8px 24px rgba(0, 0, 0, .35);

    /* ── Анімації ── */
    --cs-ease: cubic-bezier(.2, .7, .3, 1);
}

@media (max-width: 720px) {
    :root {
        --cs-pad-x: 20px;
        --cs-section-y: 56px;
    }
}