:root {
  /* Light cream palette — warm, safe, unified */
  --color-bg-deep: #f5f0e8;
  --color-bg-surface: #faf6f0;
  --color-bg-card: rgba(255, 255, 255, 0.85);
  --color-text-primary: #1a1a2e;
  --color-text-secondary: #6b6b7b;
  --color-text-muted: rgba(107, 107, 123, 0.6);
  --color-accent-warm: #c8553d;
  --color-accent-cool: #b8860b;
  --color-accent-soft: #e8985e;
  --color-border: rgba(0, 0, 0, 0.06);

  /* Phase gradients — light cream variations */
  --gradient-heal: linear-gradient(160deg, #f5f0e8 0%, #f0ebe0 40%, #ece5d8 100%);
  --gradient-news: linear-gradient(160deg, #f5f0e8 0%, #f2ede4 50%, #efe9df 100%);
  --gradient-journal: linear-gradient(160deg, #f5f0e8 0%, #f0e8e0 40%, #ede4dc 100%);
  --gradient-done: linear-gradient(160deg, #f5f0e8 0%, #eee8de 40%, #f5f0e8 100%);

  /* Typography */
  --font-main: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  /* Sizing */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --ease-gentle: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-slow: 1.2s;
  --duration-medium: 0.6s;
  --duration-fast: 0.3s;

  /* Phase durations (ms) */
  --phase1-duration: 180000; /* 3 min */
  --phase2-duration: 300000; /* 5 min */
  --phase3-duration: 120000; /* 2 min */
}