:root {
  --bp-4k: 1920px;
  --bp-laptop: 1280px;
  --bp-tablet: 768px;
  --bp-mobile: 767px;

  --font-base: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  --font-size-base: 14px;
  --font-size-title: 20px;
  --font-size-section-title: 16px;
  --font-size-control: 14px;
  --font-size-caption: 12px;
  --font-size-dense: 12px;
  --font-size-topbar: 16px;
  --font-size-calendar-title: 20px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 20px;

  --nav-h: 56px;
  --desktop-left-w: 240px;
  --desktop-right-w: 280px;
  --desktop-left-w-compact: 200px;
  --desktop-left-w-wide: 280px;
  --desktop-right-w-wide: 320px;
  --time-col-w: 56px;
  --slot-h: 64px;
  --total-grid-h: 1536px;

  --color-bg: #090912;
  --color-bg-card: #10101e;
  --color-bg-panel: #0c0c1a;
  --color-border: #1c1c30;
  --color-border-hi: #2e2e50;
  --color-accent: #6366f1;
  --color-accent-lo: #4f46e5;
  --color-accent-hi: #818cf8;
  --color-accent-glow: rgba(99, 102, 241, 0.15);
  --color-text: #f1f5f9;
  --color-text-mid: #94a3b8;
  --color-text-low: #475569;
  --color-text-muted: #334155;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #f43f5e;
  --color-purple: #a855f7;

  --jjus-color-deep-navy: var(--color-bg);
  --jjus-color-panel-navy: var(--color-bg-panel);
  --jjus-color-card-navy: var(--color-bg-card);
  --jjus-color-border-navy: var(--color-border);
  --jjus-color-border-navy-strong: var(--color-border-hi);
  --jjus-color-accent: var(--color-accent);
  --jjus-color-accent-hover: var(--color-accent-lo);
  --jjus-color-accent-soft: rgba(99, 102, 241, 0.1);
  --jjus-color-accent-border: rgba(99, 102, 241, 0.32);
  --jjus-color-accent-text: var(--color-accent-lo);
}

[data-theme="light"] {
  --color-bg: #f6f7fb;
  --color-bg-card: #ffffff;
  --color-bg-panel: #eef1f8;
  --color-border: #e2e8f0;
  --color-border-hi: #cbd5e1;
  --color-accent: #6366f1;
  --color-accent-lo: #4f46e5;
  --color-accent-hi: #4338ca;
  --color-accent-glow: rgba(99, 102, 241, 0.1);
  --color-text: #0f172a;
  --color-text-mid: #374151;
  --color-text-low: #64748b;
  --color-text-muted: #94a3b8;
  --color-success: #059669;
  --color-warning: #d97706;
  --color-danger: #e11d48;
  --color-purple: #9333ea;

  --jjus-color-deep-navy: var(--color-bg);
  --jjus-color-panel-navy: var(--color-bg-panel);
  --jjus-color-card-navy: var(--color-bg-card);
  --jjus-color-border-navy: var(--color-border);
  --jjus-color-border-navy-strong: var(--color-border-hi);
  --jjus-color-accent: var(--color-accent);
  --jjus-color-accent-hover: var(--color-accent-lo);
  --jjus-color-accent-soft: rgba(99, 102, 241, 0.08);
  --jjus-color-accent-border: rgba(99, 102, 241, 0.24);
  --jjus-color-accent-text: var(--color-accent-lo);
}