/* Hallmark · product UI · theme: custom (DSM 제어판식 — 사용자가 고른 시안 「라」, 2026-10-23)
 * paper oklch(100% 0 0) · accent oklch(60% 0.15 248) sky-blue · IBM Plex Sans KR + IBM Plex Mono
 * 색은 여기에서만 정한다. 다른 파일은 var(--…) 로만 쓴다(시험 test_웹판_공통).
 */
:root {
    /* 바탕과 글 */
    --paper: oklch(100% 0 0);
    --side: oklch(97.5% 0.003 250);
    --side-2: oklch(95.5% 0.004 250);
    --ink: oklch(30% 0.01 250);
    --muted: oklch(56% 0.01 250);
    --line: oklch(91% 0.004 250);
    --line-strong: oklch(84% 0.006 250);
    --sel: oklch(93% 0.03 245);
    --sel-ink: oklch(32% 0.06 250);
    --scrim: oklch(20% 0.01 250 / 0.35);

    /* 강조(하늘파랑) */
    --accent: oklch(60% 0.15 248);
    --accent-hover: oklch(55% 0.15 248);
    --accent-press: oklch(50% 0.15 248);
    --accent-ink: oklch(50% 0.15 250);
    --on-accent: oklch(99% 0 0);
    --focus: oklch(60% 0.15 248);

    /* 판정·상태 */
    --ok: oklch(45% 0.11 150);
    --ok-bg: oklch(94% 0.04 150);
    --bad: oklch(50% 0.16 25);
    --bad-bg: oklch(95% 0.04 25);
    --warn: oklch(50% 0.14 55);
    --warn-bg: oklch(95% 0.05 70);

    /* 사진 자리 빗금 */
    --ph: oklch(94% 0.004 250);
    --ph-2: oklch(96% 0.003 250);
    --ph-ink: oklch(62% 0.01 250);

    /* 메뉴 타일 */
    --t1: oklch(70% 0.15 55);
    --t2: oklch(62% 0.14 245);
    --t3: oklch(64% 0.12 185);
    --t4: oklch(62% 0.14 150);
    --t5: oklch(58% 0.15 300);
    --t6: oklch(64% 0.16 25);
    --t7: oklch(55% 0.02 250);
    --on-tile: oklch(99% 0 0);

    /* 글꼴 */
    --font-body: 'IBM Plex Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;
    --font-num: 'IBM Plex Mono', ui-monospace, 'Consolas', monospace;
    --text-xs: 11px;
    --text-sm: 12.5px;
    --text-md: 14px;
    --text-lg: 16px;
    --text-xl: 20px;

    /* 간격(4) · 모서리 · 움직임 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-pill: 999px;
    --tap: 44px;
    --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --dur-fast: 120ms;
    --dur-base: 180ms;
}