:root {
    /* ─── 폰트 ─────────────────────────────────────────────── */
    /* 5.8 파트 2 앱 톤 동기화 — 랜딩과 동일한 Pretendard 단일 스택 */
    --font-body: "Pretendard Variable", Pretendard, system-ui, sans-serif;
    --font-title: "Pretendard Variable", Pretendard, system-ui, sans-serif;

    /* ─── 스페이싱 ─────────────────────────────────────────── */
    --space-4: 4px;
    --space-8: 8px;
    --space-12: 12px;
    --space-16: 16px;
    --space-24: 24px;
    --layout-main-padding: 24px;
    --layout-card-gap: 16px;

    /* ─── 배경 ─────────────────────────────────────────────── */
    --color-bg: #071418;
    --color-bg-soft: #0d2026;
    --color-panel: rgba(8, 26, 33, 0.62);
    --color-border: rgba(134, 187, 186, 0.22);

    /* ─── 텍스트 계층 (밝은 순) ────────────────────────────── */
    --color-text-bright: #f0feff;
    --color-text-primary: #e7f4f6;
    --color-text: #e7f4f6;
    --color-text-secondary: #d4eaed;
    --color-text-muted: #9fbdc2;
    --color-text-hint: #89adb5;
    --color-muted: #9fbdc2;

    /* ─── 브랜드 ───────────────────────────────────────────── */
    --color-primary: #3ec9c7;
    --color-primary-strong: #06b4b1;
    --color-primary-soft: #8ce6d8;
    --color-accent: #ffb066;
    --color-primary-gradient: linear-gradient(130deg, #72e5d7 0%, #3ec9c7 100%);
    --color-primary-text-on: #0b2727;

    /* ─── 위험/에러 ────────────────────────────────────────── */
    --color-danger: #ff6f6f;
    --color-danger-soft: rgba(255, 111, 111, 0.35);
    --color-danger-text: #ffd7d7;

    /* ─── 표면 계층 ────────────────────────────────────────── */
    --color-surface: rgba(4, 17, 23, 0.45);
    --color-surface-deep: rgba(3, 16, 21, 0.8);
    --color-surface-overlay: rgba(8, 28, 36, 0.9);

    /* ─── 포커스/인터랙션 ──────────────────────────────────── */
    --color-focus-ring: rgba(92, 216, 208, 0.4);
    --color-border-focus: rgba(92, 216, 208, 0.9);

    /* ─── 그림자 ───────────────────────────────────────────── */
    --shadow-soft: 0 20px 40px rgba(0, 0, 0, 0.35);

    /* ─── 타입 스케일 ──────────────────────────────────────── */
    --text-xs: 0.72rem;
    --text-sm: 0.82rem;
    --text-base: 0.9rem;
    --text-md: 0.95rem;
    --text-lg: 1.05rem;
    --text-xl: 1.25rem;
    --text-2xl: clamp(1.4rem, 3vw, 2rem);

    /* ─── z-index 스케일 ───────────────────────────────────── */
    --z-base: 1;
    --z-float: 12;
    --z-dropdown: 15;
    --z-nav: 100;
    --z-modal: 200;
    --z-toast: 300;
}