:root {
    --team1:        #45d66f;
    --team1-rgb:    69 214 111;
    --team1-dim:    rgba(69, 214, 111, 0.10);
    --team1-mid:    rgba(69, 214, 111, 0.24);

    --team2:        #e45a5a;
    --team2-rgb:    228 90 90;
    --team2-dim:    rgba(228, 90, 90, 0.10);
    --team2-mid:    rgba(228, 90, 90, 0.24);

    --color-accent:          #45d66f;
    --color-accent-rgb:      69 214 111;
    --color-accent-soft-rgb: 44 107 69;
    --color-accent-dim:      rgb(69 214 111 / 20%);
    --color-accent-deep:     #2c9350;

    --danger:       #e45a5a;
    --danger-rgb:   228 90 90;

    --color-win:    #45d66f;
    --color-lose:   #e45a5a;
    --color-link:   #7cc7de;

    --color-bg:     #22242a;
    --bg-brightness: 1.09;
    --card-bg:      rgba(28, 28, 32, 0.74);
    --panel-bg:     rgba(20, 20, 24, 0.88);

    --line:         rgb(255 255 255 / 6%);
    --line-lt:      rgb(255 255 255 / 12%);
    --line-md:      rgb(255 255 255 / 16%);

    --text:           #f2f3f5;
    --text-secondary: #a2a5ad;
    --text-dim:       rgb(242 243 245 / 55%);

    --glass-blur:     24px;
    --glass-blur-sm:  14px;
    --glass-saturate: 180%;
    --glass-bg:            rgba(28, 28, 32, 0.74);
    --glass-bg-strong:     rgba(38, 38, 43, 0.80);
    --glass-bg-active:     rgba(48, 48, 54, 0.84);
    --glass-border:        rgb(255 255 255 / 9%);
    --glass-border-strong: rgb(255 255 255 / 16%);
    --glass-highlight:     rgba(255, 255, 255, 0.10);
    --glass-shade:         rgba(0, 0, 0, 0.45);

    --glass-shadow:       0 14px 40px rgb(0 0 0 / 40%), inset 0 1px 0 var(--glass-highlight), inset 0 -14px 20px -14px var(--glass-shade);
    --glass-shadow-sm:    0 6px 18px rgb(0 0 0 / 32%), inset 0 1px 0 var(--glass-highlight);
    --glass-shadow-stack: inset 0 1px 0 var(--glass-highlight), inset 0 -14px 20px -14px var(--glass-shade);

    --shadow-border:       0 4px 14px rgb(0 0 0 / 24%), inset 0 1px 0 rgb(255 255 255 / 6%);
    --shadow-border-hover: 0 6px 18px rgb(0 0 0 / 30%), inset 0 1px 0 rgb(255 255 255 / 12%);
    --shadow-inset:        inset 0 1px 0 rgb(255 255 255 / 5%);

    --font-ui:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

    --radius-sm:   10px;
    --radius-md:   14px;
    --radius-lg:   20px;
    --radius-xl:   22px;
    --radius-full: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;

    --duration-fast: 120ms;
    --duration-base: 180ms;
    --duration-med:  250ms;
    --duration-slow: 350ms;
    --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}