/* 디자인 토큰 — 리퀴드 글래스 (SPEC 5.1). 라이트 기본, 다크는 시스템 설정 또는 data-theme="dark" */
:root {
  color-scheme: light;
  --bg: #eef1f7;
  --blob-1: #7c9cff; --blob-2: #ff9ad5; --blob-3: #9be7ff; --blob-4: #ffd480;
  --blob-opacity: .75;
  --glass: rgba(255,255,255,.55);
  --glass-strong: rgba(255,255,255,.72);
  --glass-border: rgba(255,255,255,.65);
  --glass-shadow: 0 10px 30px rgba(30,40,80,.12), inset 0 1px 0 rgba(255,255,255,.8);
  --glare: rgba(255,255,255,.9);
  --glare-soft: rgba(255,255,255,.38);
  --text: #141826; --text-2: rgba(20,24,38,.66); --text-3: rgba(20,24,38,.4);
  --accent: #4f6bff;           /* 일정 */
  --deadline: #ff7a3d;         /* 마감 */
  --todo: #8a93a8;             /* 할 일 */
  --danger: #ff4d5e;           /* 지남 */
  --star: #ffc53d;
  --ok: #22b07d;               /* 완료 스와이프 */
  --ok-ink: #0e6644;
  --accent-strong: #3f5af0;    /* 흰 글자 버튼 배경 (대비 5.3:1) */
  /* 유리 위 작은 글자용 진한 잉크 (WCAG AA 4.5:1 확보용, 종류 색과 같은 색상) */
  --accent-ink: #2a40c4;
  --deadline-ink: #963a0c;
  --todo-ink: #4a5263;
  --danger-ink: #ad1529;
  --fill-ink: #1b1306;         /* 채움 배지(마감 오늘/D-1) 글자 */
  --field: rgba(255,255,255,.6);
  --field-border: rgba(20,24,38,.1);
  --overlay: rgba(20,24,38,.28);
  --menu-bg: rgba(255,255,255,.96);   /* 드롭다운: 뒤 글자가 비치지 않게 더 불투명 */
  --radius-xl: 28px; --radius-lg: 20px; --radius-md: 14px; --radius-pill: 999px;
  --blur: 22px;
  --blur-strong: 30px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0d1020;
    --blob-1: #3d55d6; --blob-2: #c3449a; --blob-3: #2f9fd1; --blob-4: #d6a23b;
    --blob-opacity: .35;
    --glass: rgba(255,255,255,.08); --glass-strong: rgba(255,255,255,.14);
    --glass-border: rgba(255,255,255,.18);
    --glass-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);
    --glare: rgba(255,255,255,.35);
    --glare-soft: rgba(255,255,255,.07);
    --text: #f2f4fa; --text-2: rgba(242,244,250,.8); --text-3: rgba(242,244,250,.4);
    --accent-ink: #cdd5ff;
    --deadline-ink: #ffd3bd;
    --todo-ink: #e1e5ed;
    --danger-ink: #ffc4ca;
    --ok-ink: #a3f5d6;
    --field: rgba(255,255,255,.08);
    --field-border: rgba(255,255,255,.14);
    --overlay: rgba(0,0,0,.5);
    --menu-bg: rgba(30,34,58,.94);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0d1020;
  --blob-1: #3d55d6; --blob-2: #c3449a; --blob-3: #2f9fd1; --blob-4: #d6a23b;
  --blob-opacity: .35;
  --glass: rgba(255,255,255,.08); --glass-strong: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.18);
  --glass-shadow: 0 10px 30px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.12);
  --glare: rgba(255,255,255,.35);
  --glare-soft: rgba(255,255,255,.07);
  --text: #f2f4fa; --text-2: rgba(242,244,250,.8); --text-3: rgba(242,244,250,.4);
  --accent-ink: #cdd5ff;
  --deadline-ink: #ffd3bd;
  --todo-ink: #e1e5ed;
  --danger-ink: #ffc4ca;
  --ok-ink: #a3f5d6;
  --field: rgba(255,255,255,.08);
  --field-border: rgba(255,255,255,.14);
  --overlay: rgba(0,0,0,.5);
  --menu-bg: rgba(30,34,58,.94);
}