/* 어른용 테마: 차분한 유리 카드와 시간대별 하늘. 값만 정한다(배치는 base.css).
   :root에도 걸어 두어, 자기 값을 아직 정하지 않은 테마(kid.css 전)는 이 값을 그대로 쓴다.
   다른 테마 파일은 이 파일 뒤에 불러오고 :root[data-theme="…"]에 값을 정하면 이긴다(같은 우선순위, 뒤에 온 것). */

:root,
[data-theme="adult"] {
  --font: "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, sans-serif;
  --font-clock: var(--font);
  --weight-clock: 700;

  /* 하늘(위 → 아래)과 오른쪽 빛 */
  --sky-1: #2f74dc;
  --sky-2: #6aa3ea;
  --sky-3: #d9e7f5;
  --sky-glow: rgba(255, 246, 220, 0.55);
  --on-sky: #ffffff;
  --on-sky-shadow: 0 2px 14px rgba(16, 42, 92, 0.28);

  /* 카드 */
  --card: rgba(255, 255, 255, 0.68);
  --card-solid: #eef3fa; /* 흐림 효과가 없는 브라우저 */
  --card-border: rgba(255, 255, 255, 0.7);
  --card-border-w: 1px;
  --card-shadow: 0 10px 30px rgba(22, 44, 88, 0.14);
  --card-blur: 18px;
  --radius: 22px;
  --radius-sm: 10px;
  --radius-btn: 14px;

  /* 글자 */
  --text: #17203a;
  --sub: #5d6982;
  --faint: #9aa4b8;
  --line: rgba(23, 32, 58, 0.09);

  /* 뜻이 있는 색 */
  --accent: #2f6fe0;
  --sun: #e5484d;
  --sat: #2f6fe0;
  --today: #e5484d;
  --today-bg: rgba(79, 140, 255, 0.11);
  --family: #8b5cf6;
  --wait: #c97a00;
  --wait-bg: rgba(255, 190, 60, 0.18);
  --done: #12a150;
  --tag: #8a5a00;
  --tag-bg: rgba(255, 196, 0, 0.22);
  --ev-default: #8a94a8;
  --ev-bg: rgba(23, 32, 58, 0.06);

  /* 미세먼지 등급 */
  --air-good: #2f7fe8;
  --air-normal: #18a058;
  --air-bad: #ef8a00;
  --air-worst: #e03131;
  --air-none: #8a94a8;
  --air-text: #ffffff;

  /* 버튼·탭 */
  --btn: rgba(255, 255, 255, 0.86);
  --btn-text: #17203a;
  --btn-on: #1d3557;
  --btn-on-text: #ffffff;
  --btn-shadow: 0 4px 14px rgba(22, 44, 88, 0.14);
  --btn-on-ring: rgba(255, 255, 255, 0.55);

  /* 막대·창·알림 */
  --bar-track: rgba(23, 32, 58, 0.1);
  --bar-fill: #4f8cff;
  --shade: rgba(12, 22, 44, 0.48);
  --modal: #ffffff;
  --key: #f0f3f8;
  --key-on: #dfe6f2;
  --toast-bg: rgba(23, 32, 58, 0.9);
  --toast-text: #ffffff;
  --alert-bg: #e03131;
  --alert-text: #ffffff;
}

/* 시간대별 하늘(서버 시각으로 app.js가 data-daypart를 붙인다) */
:root[data-daypart="morning"] {
  --sky-1: #5b8fe0;
  --sky-2: #a9c6ef;
  --sky-3: #f6e3d6;
  --sky-glow: rgba(255, 226, 196, 0.6);
}
:root[data-daypart="evening"] {
  --sky-1: #3e6fc4;
  --sky-2: #a7a9cf;
  --sky-3: #f2c8a2;
  --sky-glow: rgba(255, 214, 160, 0.65);
}
:root[data-daypart="night"] {
  --sky-1: #0e1a3a;
  --sky-2: #1d2f5e;
  --sky-3: #3b4d7c;
  --sky-glow: rgba(140, 160, 255, 0.18);
  --card: rgba(255, 255, 255, 0.8);
  --card-solid: #e6ebf4;
  --card-border: rgba(255, 255, 255, 0.35);
}