:root {
    /* ── 배경 ── */
    --bg-body: #0a0a0a;                         /* 본체 배경 (순수 블랙에 가까운) */
    --bg-panel: #141414;                         /* 패널/영역 배경 */
    --bg-control: rgba(255, 255, 255, 0.03);     /* 컨트롤 영역 배경 */

    /* ── LCD ── */
    --lcd-bg: #0d1a0d;                           /* LCD 배경 (어두운 녹색) */
    --lcd-bg-lit: #1a3a1a;                       /* LCD 백라이트 ON */
    --lcd-text: #88cc88;                         /* LCD 텍스트 (비활성) */
    --lcd-text-lit: #00ff66;                     /* LCD 텍스트 (백라이트 ON) */

    /* ── 악센트 ── */
    --accent-primary: #ff6644;                   /* 주 악센트 (다이얼 dot, 활성 상태) */
    --accent-primary-glow: rgba(255, 102, 68, 0.3);
    --accent-secondary: #44aaff;                 /* 보조 악센트 (정보 표시) */

    /* ── LED ── */
    --led-red: #ff3333;
    --led-red-glow: rgba(255, 0, 0, 0.6);
    --led-green: #33ff33;
    --led-green-glow: rgba(0, 255, 0, 0.6);
    --led-off: #1a1a1a;

    /* ── 텍스트 ── */
    --text-main: #e5e5e5;
    --text-muted: #888888;
    --text-dim: #555555;

    /* ── 보더 ── */
    --border-subtle: rgba(255, 255, 255, 0.06);
    --border-control: #444444;
    --border-active: rgba(255, 102, 68, 0.4);

    /* ── 그림자 ── */
    --shadow-knob: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-pressed: inset 0 2px 4px rgba(0, 0, 0, 0.5);

    /* ── 폰트 ── */
    --font-ui: 'Outfit', 'Noto Sans KR', sans-serif;
    --font-lcd: 'Courier New', 'Consolas', monospace;

    /* ── 크기 ── */
    --dial-size: min(100px, 22vw);               /* 다이얼 크기 (뷰포트 반응형) */
    --knob-size: min(42px, 9vw);                /* 노브 크기 */
    --min-touch: 44px;                           /* 최소 터치 타겟 */

    /* ── 애니메이션 ── */
    --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
}