/* Pado 디자인 토큰
   기준: 종이 위의 잉크. 인덱스(index)로 읽히는 아카이브.
   시그널 색(주색)은 "지금 선택된 것 / 위로 올라온 것"에만 쓴다. 장식으로 쓰지 않는다. */

:root {
  /* 지면 */
  --paper:       oklch(97.8% 0.005 75);
  --paper-2:     oklch(95.4% 0.007 75);
  --paper-sunk:  oklch(93.0% 0.009 72);
  --paper-edge:  oklch(99.2% 0.003 80);

  /* 잉크 */
  --ink:         oklch(19.5% 0.013 62);
  --ink-2:       oklch(40%   0.011 62);
  --ink-3:       oklch(56%   0.010 62);
  --ink-4:       oklch(70%   0.008 62);

  /* 괘선 */
  --rule:        oklch(89.5% 0.006 70);
  --rule-2:      oklch(83%   0.008 70);

  /* 시그널 (주색) */
  --sig:         oklch(54% 0.185 32);
  --sig-ink:     oklch(43% 0.165 32);
  --sig-wash:    oklch(94.5% 0.032 40);
  --sig-line:    oklch(76% 0.110 34);
  --on-sig:      oklch(98.5% 0.010 60);

  /* 상태 */
  --ok:          oklch(50% 0.105 150);
  --warn:        oklch(58% 0.130 78);
  --bad:         oklch(51% 0.170 25);

  /* 카테고리 틴트 (저채도. 모노그램 칩에만 쓴다) */
  --cat-c: 0.052;
  --cat-l: 91%;
  --cat-ink-l: 38%;

  /* 타이포 */
  --font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo',
               'Segoe UI', system-ui, 'Malgun Gothic', sans-serif;
  --font-mono: ui-monospace, 'SF Mono', SFMono-Regular, 'Cascadia Mono', 'Roboto Mono',
               Menlo, Consolas, monospace;

  --t-micro: 0.6875rem;   /* 11px 데이터 라벨 */
  --t-xs:    0.75rem;     /* 12px 메타 */
  --t-sm:    0.8125rem;   /* 13px 보조 */
  --t-ui:    0.875rem;    /* 14px 인터페이스 기본 */
  --t-body:  0.9375rem;   /* 15px 본문 */
  --t-lg:    1.0625rem;
  --t-h3:    clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
  --t-h2:    clamp(1.375rem, 1.15rem + 1.05vw, 2rem);
  --t-h1:    clamp(1.875rem, 1.4rem + 2.2vw, 3.25rem);
  --t-display: clamp(2.25rem, 1.5rem + 3.4vw, 4rem);

  --tr-display: -0.035em;
  --tr-tight:   -0.021em;
  --tr-flat:    -0.009em;
  --tr-data:     0.01em;
  --tr-label:    0.05em;

  /* 리듬 (4px 배수) */
  --s1: 0.25rem; --s2: 0.5rem;  --s3: 0.75rem; --s4: 1rem;
  --s5: 1.5rem;  --s6: 2rem;    --s7: 3rem;    --s8: 4rem;   --s9: 6rem;

  /* 밀도 (사용자가 토글한다) */
  --row-h: 2.75rem;
  --row-pad-y: 0.5rem;
  --stream-gap: 0;

  --shell: 74rem;
  --shell-wide: 88rem;
  --pad-x: clamp(1rem, 0.35rem + 2.2vw, 2.5rem);
  --section: clamp(2.25rem, 1.6rem + 2.4vw, 3.5rem);

  --r1: 3px; --r2: 6px; --r3: 10px; --r4: 14px; --pill: 999px;

  /* 그림자는 두 종류뿐. 1px 테두리와 함께 쓰지 않는다. */
  --lift: 0 6px 16px -10px oklch(25% 0.03 60 / 0.45);
  --pop:  0 12px 34px -14px oklch(25% 0.04 60 / 0.55);

  --d1: 120ms; --d2: 200ms; --d3: 320ms;
  --ease: cubic-bezier(0.23, 1, 0.32, 1);

  --z-sticky: 20; --z-drop: 40; --z-modal: 60; --z-toast: 80;
}

:root[data-density='compact'] {
  --row-h: 2.25rem;
  --row-pad-y: 0.25rem;
}
:root[data-density='comfortable'] {
  --row-h: 3.5rem;
  --row-pad-y: 0.875rem;
}

/* 기본 테마는 다크: "불 끈 종이". 터미널 검정이 아니라 따뜻한 목탄.
   html 에 data-theme 가 항상 박혀 있으므로 OS 설정(prefers-color-scheme)은 보지 않는다. */
:root[data-theme='dark'] {
  color-scheme: dark;
  --paper:      oklch(18.5% 0.010 62);
  --paper-2:    oklch(22%   0.011 62);
  --paper-sunk: oklch(15%   0.009 62);
  --paper-edge: oklch(25%   0.012 62);
  --ink:        oklch(93% 0.008 75);
  --ink-2:      oklch(75% 0.009 75);
  --ink-3:      oklch(60% 0.009 75);
  --ink-4:      oklch(46% 0.009 75);
  --rule:       oklch(29% 0.010 62);
  --rule-2:     oklch(37% 0.012 62);
  --sig:        oklch(70% 0.150 38);
  --sig-ink:    oklch(78% 0.130 38);
  --sig-wash:   oklch(28% 0.055 34);
  --sig-line:   oklch(45% 0.100 34);
  --on-sig:     oklch(17% 0.030 40);
  --ok:         oklch(70% 0.105 150);
  --warn:       oklch(76% 0.115 78);
  --bad:        oklch(68% 0.145 25);
  --cat-l: 27%;
  --cat-ink-l: 80%;
  --cat-c: 0.055;
  --lift: 0 6px 16px -10px oklch(0% 0 0 / 0.7);
  --pop:  0 12px 34px -14px oklch(0% 0 0 / 0.8);
}