/* Baseball Diary Mobile — 토큰/테마 (데스크톱 앱 색 그대로). 폰트는 로컬 woff2. */
@font-face{
  font-family:'Bebas Neue';
  src:url('/fonts/BebasNeue.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}

:root{
  --bg:#f3f6fa;--bg2:#fff;--bg3:#edf1f7;
  --t1:#0d1b2a;--t2:#4a5568;--t3:#94a3b8;
  --bd:rgba(0,0,0,0.07);--bd2:rgba(0,0,0,0.13);
  --win:#22c55e;--draw:#64748b;--loss:#ef4444;--rain:#3b82f6;--plan:#7c3aed;--sus:#f59e0b;
  --gold:#b8860b;--gold-bg:rgba(184,134,11,0.13);
  --navy-fg:#003087;--tag-other-bg:rgba(0,48,135,0.1);--tag-other-c:#003087;
  --accent-num:#003087;
  --cshadow:0 2px 12px rgba(0,0,0,0.06);
  --prog:linear-gradient(90deg,#003087,#1a4aad,#5a90e0);
  --logo-light:block;--logo-dark:none;
  --sys:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0a1628;--bg2:#111f38;--bg3:#1c2b46;
  --t1:#f0f4f8;--t2:#8899aa;--t3:#4a657e;
  --bd:rgba(255,255,255,0.07);--bd2:rgba(255,255,255,0.15);
  --draw:#94a3b8;--plan:#a78bfa;
  --gold:#e8c45a;--gold-bg:rgba(232,196,90,0.16);
  --navy-fg:#7bbfff;--tag-other-bg:rgba(80,160,255,0.18);--tag-other-c:#7bbfff;
  --accent-num:#fff;
  --cshadow:0 2px 16px rgba(0,0,0,0.4);
  --prog:linear-gradient(90deg,rgba(255,255,255,0.75),rgba(255,255,255,0.95));
  --logo-light:none;--logo-dark:block;
}}
:root[data-theme="dark"]{
  --bg:#0a1628;--bg2:#111f38;--bg3:#1c2b46;
  --t1:#f0f4f8;--t2:#8899aa;--t3:#4a657e;
  --bd:rgba(255,255,255,0.07);--bd2:rgba(255,255,255,0.15);
  --draw:#94a3b8;--plan:#a78bfa;
  --gold:#e8c45a;--gold-bg:rgba(232,196,90,0.16);
  --navy-fg:#7bbfff;--tag-other-bg:rgba(80,160,255,0.18);--tag-other-c:#7bbfff;
  --accent-num:#fff;
  --cshadow:0 2px 16px rgba(0,0,0,0.4);
  --prog:linear-gradient(90deg,rgba(255,255,255,0.75),rgba(255,255,255,0.95));
  --logo-light:none;--logo-dark:block;
}

/* 커스텀 태그 8색 (라이트) */
:root{
  --tc-rose-bg:rgba(244,114,182,.17);--tc-rose-c:#be185d;--tc-rose-bd:rgba(219,39,119,.35);
  --tc-sun-bg:rgba(250,204,21,.19);--tc-sun-c:#a16207;--tc-sun-bd:rgba(202,138,4,.35);
  --tc-mint-bg:rgba(94,234,212,.20);--tc-mint-c:#0f766e;--tc-mint-bd:rgba(13,148,136,.35);
  --tc-sky-bg:rgba(125,211,252,.20);--tc-sky-c:#0369a1;--tc-sky-bd:rgba(2,132,199,.34);
  --tc-peach-bg:rgba(253,186,116,.20);--tc-peach-c:#c2410c;--tc-peach-bd:rgba(234,88,12,.33);
  --tc-lilac-bg:rgba(196,181,253,.21);--tc-lilac-c:#6d28d9;--tc-lilac-bd:rgba(124,58,237,.34);
  --tc-berry-bg:rgba(249,168,212,.19);--tc-berry-c:#9d174d;--tc-berry-bd:rgba(190,24,93,.33);
  --tc-aqua-bg:rgba(103,232,249,.20);--tc-aqua-c:#155e75;--tc-aqua-bd:rgba(14,116,144,.34);
}
:root[data-theme="dark"],[data-theme="dark"]{
  --tc-rose-bg:rgba(244,114,182,.16);--tc-rose-c:#fbb6ce;--tc-rose-bd:rgba(244,114,182,.42);
  --tc-sun-bg:rgba(250,204,21,.16);--tc-sun-c:#fde047;--tc-sun-bd:rgba(250,204,21,.42);
  --tc-mint-bg:rgba(94,234,212,.16);--tc-mint-c:#6ee7d4;--tc-mint-bd:rgba(94,234,212,.42);
  --tc-sky-bg:rgba(125,211,252,.16);--tc-sky-c:#9bdcfd;--tc-sky-bd:rgba(125,211,252,.42);
  --tc-peach-bg:rgba(253,186,116,.16);--tc-peach-c:#fdc28a;--tc-peach-bd:rgba(253,186,116,.42);
  --tc-lilac-bg:rgba(196,181,253,.18);--tc-lilac-c:#cdbffd;--tc-lilac-bd:rgba(196,181,253,.44);
  --tc-berry-bg:rgba(249,168,212,.16);--tc-berry-c:#f9b6d6;--tc-berry-bd:rgba(249,168,212,.42);
  --tc-aqua-bg:rgba(103,232,249,.16);--tc-aqua-c:#7ceaf9;--tc-aqua-bd:rgba(103,232,249,.42);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --tc-rose-bg:rgba(244,114,182,.16);--tc-rose-c:#fbb6ce;--tc-rose-bd:rgba(244,114,182,.42);
  --tc-sun-bg:rgba(250,204,21,.16);--tc-sun-c:#fde047;--tc-sun-bd:rgba(250,204,21,.42);
  --tc-mint-bg:rgba(94,234,212,.16);--tc-mint-c:#6ee7d4;--tc-mint-bd:rgba(94,234,212,.42);
  --tc-sky-bg:rgba(125,211,252,.16);--tc-sky-c:#9bdcfd;--tc-sky-bd:rgba(125,211,252,.42);
  --tc-peach-bg:rgba(253,186,116,.16);--tc-peach-c:#fdc28a;--tc-peach-bd:rgba(253,186,116,.42);
  --tc-lilac-bg:rgba(196,181,253,.18);--tc-lilac-c:#cdbffd;--tc-lilac-bd:rgba(196,181,253,.44);
  --tc-berry-bg:rgba(249,168,212,.16);--tc-berry-c:#f9b6d6;--tc-berry-bd:rgba(249,168,212,.42);
  --tc-aqua-bg:rgba(103,232,249,.16);--tc-aqua-c:#7ceaf9;--tc-aqua-bd:rgba(103,232,249,.42);
}}