/* =============================================================
   ONE 플랫폼 디자인 토큰
   이 시스템 강조색은 chroma/lightness 를 유지하고 hue 만 이동한다.
   (사이드바 배지 색을 시스템마다 다르게 쓰는 것과 같은 원리)
   ============================================================= */
:root {
  --bg:            oklch(98% 0.004 260);
  --surface:       #ffffff;
  --surface-2:     oklch(96.5% 0.005 260);
  --fg:            oklch(22% 0.01 260);
  --muted:         oklch(52% 0.01 260);
  --faint:         oklch(68% 0.008 260);
  --card-border:   oklch(92% 0.005 260);
  --line:          oklch(94% 0.004 260);

  --primary:       oklch(55% 0.14 260);
  --primary-weak:  oklch(95% 0.03 260);
  --accent:        oklch(55% 0.14 200);   /* ★ ONE 스케줄 고유색 */
  --accent-weak:   oklch(95% 0.03 200);

  --danger:        oklch(55% 0.19 25);
  --warn:          oklch(65% 0.15 70);
  --ok:            oklch(58% 0.13 155);

  --navbar-bg:     #1e1e2e;
  --navbar-h:      54px;

  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;

  --shadow-1: 0 1px 2px rgba(16,18,32,.06), 0 1px 3px rgba(16,18,32,.04);
  --shadow-2: 0 4px 16px rgba(16,18,32,.10);
  --shadow-3: 0 12px 32px rgba(16,18,32,.14);

  --font: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* 구독 색상 팔레트 : lightness/chroma 고정, hue 만 순환 */
  --c1:  oklch(60% 0.13 260);
  --c2:  oklch(60% 0.13 200);
  --c3:  oklch(60% 0.13 150);
  --c4:  oklch(60% 0.13 100);
  --c5:  oklch(60% 0.13 60);
  --c6:  oklch(60% 0.13 25);
  --c7:  oklch(60% 0.13 350);
  --c8:  oklch(60% 0.13 310);
  --c9:  oklch(60% 0.13 285);
  --c10: oklch(60% 0.13 230);
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0; height: 100%;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

button, input, select, textarea { font-family: inherit; font-size: inherit; color: inherit; }
button { cursor: pointer; }
a { color: inherit; }

.hidden { display: none !important; }

/* 스크롤바 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: oklch(88% 0.006 260); border-radius: 6px; border: 2px solid var(--bg); }
::-webkit-scrollbar-thumb:hover { background: oklch(80% 0.008 260); }
::-webkit-scrollbar-track { background: transparent; }