/* Eternal War — токены кабинета. Палитра синхронизирована с темой сайта eternal-new. */

:root {
    --white: #0f1115;
    --white-rgb: 15, 17, 21;
    --bone: #12151a;
    --ivory: #14171c;
    --parchment: #1b1f25;
    --stone-50: #0b0d11;
    --stone-100: #1f242b;
    --stone-200: #242931;
    --stone-300: #2f353d;
    --stone-400: #71766a;
    --stone-500: #8a9080;
    --stone-600: #a8ad99;
    --stone-700: #c3c7b5;
    --stone-800: #ece9dc;
    --stone-900: #f4f2e8;

    --page-bg: #06070a;
    --has-border-inset: rgba(174, 210, 79, .06);
    --has-border-inner: rgba(174, 210, 79, .04);

    --font-display: 'Cinzel Decorative', 'Cinzel', serif;
    --font-heading: 'Cinzel', Georgia, serif;
    --font-body: 'Raleway', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --gold: #aed24f;
    --gold-rgb: 174, 210, 79;
    --gold-bg: rgba(174, 210, 79, .10);
    --gold-soft: #d4ec88;

    --primary: #aed24f;
    --primary-bg: rgba(174, 210, 79, .10);

    --live: #5fd6a0;
    --live-bg: rgba(95, 214, 160, .12);
    --twitch: #9b8cd1;
    --twitch-bg: rgba(155, 140, 209, .10);
    --yt: #d2705f;
    --yt-bg: rgba(210, 112, 95, .10);

    --red: #d2705f;
    --red-rgb: 210, 112, 95;
    --red-bg: rgba(210, 112, 95, .10);
    --blue: #5fd6a0;
    --blue-rgb: 95, 214, 160;
    --blue-bg: rgba(95, 214, 160, .10);
    --danger: #d2705f;
    --danger-hover: #bf5b4a;
    --danger-bg: rgba(210, 112, 95, .12);
    --error: #d2705f;
    --success: #5fd6a0;
    --success-rgb: 95, 214, 160;
    --success-bg: rgba(95, 214, 160, .10);
    --success-bright: #86eec0;

    --rare: #5fd6a0;
    --rare-bg: rgba(95, 214, 160, .08);
    --rare-glow: rgba(95, 214, 160, .40);
    --epic: #9b8cd1;
    --epic-bg: rgba(155, 140, 209, .08);
    --epic-glow: rgba(155, 140, 209, .45);
    --legend: #aed24f;
    --legend-bg: rgba(174, 210, 79, .12);
    --legend-glow: rgba(174, 210, 79, .50);

    --enchant-low: #90a854;
    --enchant-mid: var(--rare);
    --enchant-high: var(--epic);
    --enchant-top: var(--gold-soft);
    --enchant-max: #d2705f;

    --grade-s: #aed24f;
    --grade-a: #d4ec88;
    --grade-b: #5fd6a0;
    --grade-c: #a8ad99;
    --grade-d: #71766a;

    --silver: #c3c7b5;
    --silver-bg: rgba(195, 199, 181, .10);
    --bronze: #b98b5e;
    --bronze-bg: rgba(185, 139, 94, .10);
    --patch: #5fd6a0;
    --patch-bg: rgba(95, 214, 160, .10);
    --champ-accent: #aed24f;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-card: 0 8px 28px rgba(0, 0, 0, .55);
    --shadow-dropdown:
        0 0 0 1px rgba(174, 210, 79, .16),
        0 18px 44px rgba(0, 0, 0, .7);
    --shadow-modal:
        0 0 0 1px rgba(174, 210, 79, .18),
        0 28px 80px rgba(0, 0, 0, .78);

    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.625rem;
    --radius-2xl: 0.75rem;
    --radius-full: 99px;

    --wiki-row-radius: 0.375rem;
    --wiki-sidebar-w: 15rem;

    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;

    --ew-line: rgba(174, 210, 79, .13);
    --ew-line-strong: rgba(174, 210, 79, .30);
    --ew-glow: rgba(174, 210, 79, .40);
}

[data-theme="dark"] {
    --white: #0f1115;
    --white-rgb: 15, 17, 21;
    --bone: #12151a;
    --ivory: #14171c;
    --parchment: #1b1f25;
    --stone-50: #0b0d11;
    --stone-100: #1f242b;
    --stone-200: #242931;
    --stone-300: #2f353d;
    --stone-400: #71766a;
    --stone-500: #8a9080;
    --stone-600: #a8ad99;
    --stone-700: #c3c7b5;
    --stone-800: #ece9dc;
    --stone-900: #f4f2e8;
    --page-bg: #06070a;
    --has-border-inset: rgba(174, 210, 79, .06);
    --has-border-inner: rgba(174, 210, 79, .04);
    --gold-bg: rgba(174, 210, 79, .09);
    --live-bg: rgba(95, 214, 160, .10);
    --twitch-bg: rgba(155, 140, 209, .08);
    --yt-bg: rgba(210, 112, 95, .08);
    --red-bg: rgba(210, 112, 95, .08);
    --blue-bg: rgba(95, 214, 160, .08);
    --danger-bg: rgba(210, 112, 95, .10);
    --rare-bg: rgba(95, 214, 160, .07);
    --epic-bg: rgba(155, 140, 209, .07);
    --legend-bg: rgba(174, 210, 79, .10);
}