/* ===== 컬러 테마: <html> 의 class 만 바꾸면 전체 색이 바뀐다 =====
   (기본 = class 없음 = 인디고. 사용법: <html lang="ko" class="theme-orange">)
   theme-green / theme-orange / theme-black 는 변수만 덮어쓴다. 새 테마는 아래 블록을 복사해서 값만 바꾼다. */

/* ----- 그린: 에메랄드 + 코랄 ----- */
:root.theme-green {--color-ink: #0e1a17;--color-bg: #f5faf7;--color-primary: #007a5a;--color-primary-dark: #005f45;--color-primary-2: #12a37a;--color-primary-3: #005c44;--color-soft: #dff4ea;--color-accent: #ff7a4d;--color-muted: #55625d;--color-line: #d9e5df;--color-deep: #0c3a2e;--color-pop: #ffb703;--accent-2: #ffd2c2;--accent-wash: #ffe9df;--primary-rgb: 0, 122, 90;--accent-rgb: 255, 122, 77;--shadow-rgb: 10, 60, 45;--tint-1: #b7ecd6;--tint-2: #ffc9b3;--tint-warm: #fdeede;--aurora-1: #a6ead0;--aurora-2: #ffcdb5;--aurora-3: #b9e3ff;--mock-line: #dbe9e2;--mock-dot: #c5d8cf;--mock-bar: #ecf5f0;--table-th: #f0f8f4;}

/* ----- 오렌지: 번트 오렌지 + 웜 화이트 ----- */
:root.theme-orange {--color-ink: #1c130d;--color-bg: #fffaf5;--color-primary: #d9480f;--color-primary-dark: #b93a0b;--color-primary-2: #ef5d12;--color-primary-3: #a93409;--color-soft: #ffeedd;--color-accent: #ffd23f;--color-muted: #6b5b50;--color-line: #f0e1d5;--color-deep: #3a1a0a;--color-pop: #ff9f1c;--accent-2: #ffe9a8;--accent-wash: #fff4cf;--primary-rgb: 217, 72, 15;--accent-rgb: 255, 210, 63;--shadow-rgb: 120, 50, 10;--tint-1: #ffd2b3;--tint-2: #ffe08a;--tint-warm: #fff0dd;--aurora-1: #ffc9a3;--aurora-2: #ffe5a0;--aurora-3: #ffd0c2;--mock-line: #f3e6db;--mock-dot: #e6d3c4;--mock-bar: #fbf1e8;--table-th: #fff5ec;}

/* ----- 블랙: 블랙 + 라임 포인트 ----- */
:root.theme-black {--color-ink: #0b0b0f;--color-bg: #f7f7f5;--color-primary: #111114;--color-primary-dark: #000;--color-primary-2: #26262e;--color-primary-3: #000;--color-soft: #ececf0;--color-accent: #d6ff3f;--color-muted: #5a5a63;--color-line: #e2e2e6;--color-deep: #1a1a22;--color-pop: #b6f000;--accent-2: #eaff9f;--accent-wash: #f4ffd0;--primary-rgb: 17, 17, 20;--accent-rgb: 214, 255, 63;--shadow-rgb: 0, 0, 0;--tint-1: #d9d9de;--tint-2: #e4ff8f;--tint-warm: #f0f0ea;--aurora-1: #d0d0d8;--aurora-2: #e8ffa6;--aurora-3: #c8c8d0;--mock-line: #e7e7ea;--mock-dot: #cfcfd4;--mock-bar: #f1f1f3;--table-th: #f3f3f5;}

/* UPSTACK brand blue */
:root.theme-blue {--color-primary:#1455f5;--color-primary-dark:#1043c4;--color-primary-2:#3977ff;--color-primary-3:#123dba;--color-accent:#c9ddff;--color-soft:#eef4ff;--color-ink:#182235;--color-bg:#f8faff;--color-muted:#526078;--color-line:#dce5f3;--primary-rgb:20,85,245;--accent-rgb:201,221,255;--shadow-rgb:18,48,99;--tint-1:#dce8ff;--tint-2:#ecf4ff;--aurora-1:#dbe8ff;--aurora-2:#edf4ff;--aurora-3:#e5edff;--accent-wash:#f0f5ff;}

:root.theme-blue {--color-deep:#112c65;--color-pop:#83adff;--accent-2:#e4eeff;--tint-warm:#eff5ff;--mock-line:#e1e9f7;--mock-dot:#c8d6ef;--mock-bar:#f0f4fb;--table-th:#f2f6ff;}