:root {
  /* brand sunset ramp */
  --sun-50: #FFF6E5;
  --sun-100: #FFE9D2;
  --sun-200: #FFD66B;
  --sun-300: #F89B3C;
  --sun-400: #E96A2D;
  --sun-500: #9C3A14;

  /* semantic */
  --primary: #0A71F8;
  --primary-press: #1558CC;
  --alert: #E2462C;

  /* warm neutrals (light) */
  --bg: #FFFFFF;
  --bg-soft: #FAF6F0;
  --bg-card: #FFFFFF;
  --line: #EFE9DF;
  --line-soft: #F6F0E6;
  --fg: #1B1A1F;
  --fg-2: #4B4753;
  --fg-3: #8A8493;
  --fg-on-sun: #2A1A0A;

  /* dark-phase surfaces (used inside dusk/night sections) */
  --night-bg: #14102B;
  --dusk-bg: #3A2E55;
  --night-card: #221C3D;
  --night-line: #2E2849;
  --night-fg: #FAF6F0;
  --night-fg-2: #C7BFD4;

  /* category mood colors */
  --mood-sleep: #2C2A6B;
  --mood-feed: #F89B3C;
  --mood-diaper: #4F8CF0;
  --mood-growth: #4FB07A;
  --mood-health: #E96A2D;
  --mood-milk: #BF5899;
  --mood-solids: #6FAE4E;
  --mood-pumping: #A77B22;

  /* type */
  --font-display: "Manrope", "Zen Maru Gothic", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;

  /* radius */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* shadows — soft, warm, almost-no-shadow */
  --shadow-1: 0 2px 6px rgba(27, 26, 31, 0.06);
  --shadow-2: 0 6px 14px rgba(27, 26, 31, 0.08);
  --shadow-3: 0 14px 28px rgba(27, 26, 31, 0.12);
  --glow-sun: 0 8px 28px rgba(248, 155, 60, 0.28);

  /* motion */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.6, 0.64, 1);
  --dur-fast: 140ms;
  --dur-base: 220ms;
  --dur-slow: 420ms;

  /* sky phases (page background per section, §9) */
  --sky-dawn: #FFF6E5;
  --sky-day: #FAF6F0;
  --sky-afternoon: #FFF6E5;
  --sky-evening: #FFE9D2;
  --sky-dusk: #3A2E55;
  --sky-night: #14102B;

  /* per-phase text colors, applied via body[data-phase] (§9) */
  --page-fg: var(--fg);
  --page-fg-2: var(--fg-2);
  --page-kicker: var(--sun-500);
}
