/* 자동 생성 — tools/tokens.mjs 를 고치고 tools/build.mjs 로 다시 만든다(손으로 고치지 않는다). */

/* 공통 단계: 간격·글자·줄간격·모서리(full)·작은 컨트롤 높이. 기준점(min-width) 600 / 960 / 1280px */
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 32px;
  --leading-tight: 1.25;
  --leading-normal: 1.55;
  --r-full: 999px;
  --control-h-sm: 40px;
}

/* 기본 = A 「Fresh Mint」 라이트. [data-theme="light"] 는 사용자가 라이트를 고른 경우·견본에서 블록 하나만 라이트로 볼 때 */
:root, [data-theme="light"] {
  color-scheme: light;
  --bg: #F7FAF9;
  --surface: #FFFFFF;
  --surface-2: #EEF4F2;
  --line: #D7E2DE;
  --line-strong: #86958F;
  --ink: #14201C;
  --sub: #56665F;
  --brand: #087A5A;
  --on-brand: #FFFFFF;
  --brand-text: #087A5A;
  --brand-soft: #E2F4ED;
  --brand-deco: #14B88A;
  --accent: #E2F4ED;
  --on-accent: #0A5C44;
  --accent-text: #087A5A;
  --danger: #C0362C;
  --on-danger: #FFFFFF;
  --danger-soft: #FCEDEB;
  --st-write-fg: #8A5300;
  --st-write-bg: #FFF3DC;
  --st-done-fg: #0A6B4F;
  --st-done-bg: #E2F4ED;
  --st-sched-fg: #2F4FB0;
  --st-sched-bg: #E8EEFD;
  --st-edit-fg: #56665F;
  --st-edit-bg: #EEF4F2;
  --focus: #087A5A;
  --overlay: rgba(20,32,28,.45);
  --shadow: 0 1px 2px rgba(20,32,28,.06);
  --shadow-pop: 0 12px 32px rgba(20,32,28,.16);
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 10px;
  --control-h-md: 44px;
  --control-h-lg: 52px;
  --font-body: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-head: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-head-w: 700;
  --font-display: 38px;
  --font-h1: 28px;
  --font-h2: 20px;
  --font-track: -0.01em;
}

/* 다크 = A 다크 (B 「Studio Dark」 색) — 색만 바꾼다. 시스템 다크(사용자가 라이트를 고르지 않았을 때) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0B0F0E;
    --surface: #141A19;
    --surface-2: #1B2321;
    --line: #27312F;
    --line-strong: #5F6E6A;
    --ink: #E8F0ED;
    --sub: #98A7A2;
    --brand: #2FE3B0;
    --on-brand: #08110E;
    --brand-text: #2FE3B0;
    --brand-soft: #11332A;
    --brand-deco: #2FE3B0;
    --accent: #11332A;
    --on-accent: #8FF0D2;
    --accent-text: #2FE3B0;
    --danger: #FF8A7E;
    --on-danger: #1F0A07;
    --danger-soft: #3A1E1B;
    --st-write-fg: #FFC864;
    --st-write-bg: #352912;
    --st-done-fg: #6FE8C2;
    --st-done-bg: #123128;
    --st-sched-fg: #BDB4FF;
    --st-sched-bg: #241F44;
    --st-edit-fg: #C3CFCB;
    --st-edit-bg: #232C2A;
    --focus: #2FE3B0;
    --overlay: rgba(0,0,0,.65);
    --shadow: none;
    --shadow-pop: 0 16px 40px rgba(0,0,0,.5);
  }
}

/* 다크를 고른 경우 · 견본 블록 · 테마와 상관없이 늘 어두운 영역(편집기 미리보기 캔버스 [data-tone="dark"]) */
:root[data-theme="dark"], [data-theme="dark"], [data-tone="dark"] {
  color-scheme: dark;
  --bg: #0B0F0E;
  --surface: #141A19;
  --surface-2: #1B2321;
  --line: #27312F;
  --line-strong: #5F6E6A;
  --ink: #E8F0ED;
  --sub: #98A7A2;
  --brand: #2FE3B0;
  --on-brand: #08110E;
  --brand-text: #2FE3B0;
  --brand-soft: #11332A;
  --brand-deco: #2FE3B0;
  --accent: #11332A;
  --on-accent: #8FF0D2;
  --accent-text: #2FE3B0;
  --danger: #FF8A7E;
  --on-danger: #1F0A07;
  --danger-soft: #3A1E1B;
  --st-write-fg: #FFC864;
  --st-write-bg: #352912;
  --st-done-fg: #6FE8C2;
  --st-done-bg: #123128;
  --st-sched-fg: #BDB4FF;
  --st-sched-bg: #241F44;
  --st-edit-fg: #C3CFCB;
  --st-edit-bg: #232C2A;
  --focus: #2FE3B0;
  --overlay: rgba(0,0,0,.65);
  --shadow: none;
  --shadow-pop: 0 16px 40px rgba(0,0,0,.5);
}

/* 예비 = C 「Mint Pop」 예비. 다크 모드 없음(시스템 다크여도 밝게) — 위 규칙들보다 뒤에 둬서 이긴다 */
:root[data-theme="c"], [data-theme="c"] {
  color-scheme: light;
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #E6F8F2;
  --line: #D3ECE3;
  --line-strong: #6A9A8B;
  --ink: #10241E;
  --sub: #4E615B;
  --brand: #00C49A;
  --on-brand: #0B1F19;
  --brand-text: #007A5C;
  --brand-soft: #E6F8F2;
  --brand-deco: #00C49A;
  --accent: #FF7A59;
  --on-accent: #2A120A;
  --accent-text: #B8432A;
  --danger: #C0362C;
  --on-danger: #FFFFFF;
  --danger-soft: #FDEDEA;
  --st-write-fg: #9A3B1F;
  --st-write-bg: #FFE9E2;
  --st-done-fg: #006B51;
  --st-done-bg: #E6F8F2;
  --st-sched-fg: #3346A8;
  --st-sched-bg: #EAEEFF;
  --st-edit-fg: #4E615B;
  --st-edit-bg: #F1F5F4;
  --focus: #007A5C;
  --overlay: rgba(16,36,30,.4);
  --shadow: 0 2px 0 rgba(16,36,30,.06);
  --shadow-pop: 0 18px 40px rgba(16,36,30,.18);
  --r-sm: 10px;
  --r: 14px;
  --r-lg: 16px;
  --control-h-md: 50px;
  --control-h-lg: 56px;
  --font-body: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-head: 'Pretendard Variable', Pretendard, -apple-system, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-head-w: 800;
  --font-display: 44px;
  --font-h1: 34px;
  --font-h2: 22px;
  --font-track: -0.03em;
}