/* localapp 공통 디자인 토큰 — 모든 색·폰트·반경·그림자·간격은 여기서만 정의한다. */
:root {
  --c-alu: #E9EAE7;
  --c-panel: #F7F7F5;
  --c-ink: #17191A;
  --c-ink-inv: #F7F7F5;
  --c-tick: #767C79;
  --c-line: color-mix(in srgb, var(--c-tick) 35%, transparent);
  --c-signal: #FF4F00;
  --c-level: #2E8B57;
  --c-error: #C8372D;

  --spk-0: #2F6F8F;
  --spk-1: #B8772A;
  --spk-2: #5E8C3A;
  --spk-3: #9A4F6E;
  --spk-4: #4A5A9A;
  --spk-5: #7A6A55;

  --font-ui: "IBM Plex Sans KR", system-ui, "Apple SD Gothic Neo", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --r-well: 12px;
  --r-key: 6px;
  --r-field: 5px;
  --r-chip: 2px;

  --sh-well: inset 0 1px 2px rgba(0, 0, 0, .12), inset 0 0 0 1px var(--c-line);
  --sh-key: 0 1px 0 rgba(0, 0, 0, .35);

  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 40px;

  /* 공통 상단바 높이 */
  --lx-bar-h: 36px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-alu: #141516;
    --c-panel: #1C1E1F;
    --c-ink: #E7E8E5;
    --c-ink-inv: #141516;
    --c-tick: #8D938F;
    --c-signal: #FF6A1F;
    --c-level: #46B37B;
    --c-error: #FF6B5E;

    --spk-0: #5B9BBB;
    --spk-1: #D39A4E;
    --spk-2: #83B05E;
    --spk-3: #BF7593;
    --spk-4: #7483C4;
    --spk-5: #A08F77;

    --sh-well: inset 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 0 1px var(--c-line);
    --sh-key: 0 1px 0 rgba(0, 0, 0, .6);
  }
}