/*
 * Statify 공용 디자인 토큰 — 메인 리디자인(main.html) 값을 뽑아 새 페이지가 먼저 쓴다.
 * 첫 사용: 새 대회 페이지(tournament-v2.html). 메인은 아직 자기 인라인 변수를 쓴다.
 * 다크 모드는 사이트 규칙대로 <html data-theme="dark"> (navbar.js 토글, localStorage 'theme').
 */
:root {
    --st-bg: #f1f5f9;
    --st-card: #ffffff;
    --st-text: #17231c;
    --st-text-strong: #0f172a;
    --st-sub: #5a6b62;
    --st-muted: #475569;
    --st-faint: #64748b;
    --st-border: #e2e8f0;
    --st-border-strong: #d5dde5;
    --st-line: #eef2f6;
    --st-soft: #f1f5f9;
    --st-subtle: #f8fafc;

    --st-accent: #15803d;
    --st-accent-strong: #166534;
    --st-accent-bright: #16a34a;
    --st-accent-soft: #dcfce7;
    --st-accent-tint: #f0fdf4;
    --st-on-accent: #ffffff;

    --st-win-bg: #dcfce7;   --st-win-fg: #166534;
    --st-draw-bg: #e2e8f0;  --st-draw-fg: #334155;
    --st-loss-bg: #fee2e2;  --st-loss-fg: #b91c1c;
    --st-gold-bg: #fffbeb;  --st-gold-border: #fde68a; --st-gold-fg: #92400e; --st-gold-chip: #fef3c7;
    --st-bronze-bg: #ffedd5; --st-bronze-fg: #9a3412;
    --st-danger: #b91c1c;

    /* 진행 중 대회 카드·이름 타일 */
    --st-hero-bg: #102a1d;
    --st-hero-panel: #1a3d2a;
    --st-hero-line: #2c5a40;
    --st-hero-track: #1f4a33;
    --st-hero-button-line: #4b7a5e;
    --st-hero-text: #c6e8d2;
    --st-hero-label: #86efac;
    --st-tile-bg: #13241b;

    --st-radius-sm: 8px;
    --st-radius: 12px;
    --st-radius-lg: 16px;
    --st-radius-xl: 22px;
    --st-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
    --st-shadow-pop: 0 18px 40px rgba(15, 23, 42, 0.18);
    --st-shadow-hero: 0 18px 40px rgba(16, 42, 29, 0.25);
    --st-font: "Pretendard Variable", Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}

[data-theme="dark"] {
    --st-bg: #0b1210;
    --st-card: #121b17;
    --st-text: #dce7e0;
    --st-text-strong: #f1f5f2;
    --st-sub: #93a49a;
    --st-muted: #a8b6ae;
    --st-faint: #7d8c84;
    --st-border: #23322a;
    --st-border-strong: #2f4237;
    --st-line: #1c2a23;
    --st-soft: #18241e;
    --st-subtle: #15201b;

    --st-accent: #4ade80;
    --st-accent-strong: #86efac;
    --st-accent-bright: #4ade80;
    --st-accent-soft: rgba(74, 222, 128, 0.16);
    --st-accent-tint: rgba(74, 222, 128, 0.08);
    --st-on-accent: #052e12;

    --st-win-bg: rgba(74, 222, 128, 0.16);  --st-win-fg: #86efac;
    --st-draw-bg: rgba(148, 163, 184, 0.18); --st-draw-fg: #cbd5e1;
    --st-loss-bg: rgba(248, 113, 113, 0.16); --st-loss-fg: #fca5a5;
    --st-gold-bg: rgba(234, 179, 8, 0.1); --st-gold-border: rgba(251, 191, 36, 0.4); --st-gold-fg: #fcd34d; --st-gold-chip: rgba(251, 191, 36, 0.18);
    --st-bronze-bg: rgba(249, 115, 22, 0.16); --st-bronze-fg: #fdba74;
    --st-danger: #fca5a5;

    --st-hero-bg: #0d2318;
    --st-hero-panel: #143222;
    --st-tile-bg: #143222;
    --st-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --st-shadow-pop: 0 18px 40px rgba(0, 0, 0, 0.5);
    --st-shadow-hero: 0 18px 40px rgba(0, 0, 0, 0.4);
}