:root {
  /* Core Muted Pastel Palette (Psychological Safeguards) */
  --bg-canvas: #F6F4F0;
  --bg-card: #FFFFFF;
  --bg-subtle: #EDEAE4;
  --text-primary: #2B2F2D;
  --text-muted: #787E7A;
  --pastel-sage: #D8E4DF;
  --pastel-clay: #F3DFD1;
  --pastel-mist: #DCE5ED;
  --pastel-lavender: #E5E0EC;
  --border-soft: #E5E1DA;

  /* Elevation & Radii Tokens */
  --radius-card: 16px;
  --radius-pill: 9999px;
  --radius-sheet: 24px;
  --shadow-calm: 0 2px 14px -4px rgba(43, 47, 45, 0.04);
  --shadow-sheet: 0 -8px 36px -6px rgba(43, 47, 45, 0.12);

  /* Typography Families */
  --font-serif: 'Instrument Serif', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Default TV Circadian Tokens (Morning Default) */
  --tv-bg: #F6F4F0;
  --tv-surface: rgba(255, 255, 255, 0.78);
  --tv-text: #2B2F2D;
  --tv-muted: #6E7571;
  --tv-accent: #D8E4DF;
  --tv-border: #E5E1DA;
}

/* 65" TV Circadian Rhythm Themes */
.theme-morning {
  --tv-bg: #F6F4F0;
  --tv-surface: rgba(255, 255, 255, 0.82);
  --tv-text: #2B2F2D;
  --tv-muted: #787E7A;
  --tv-accent: #D8E4DF;
  --tv-border: #E5E1DA;
}

.theme-afternoon {
  --tv-bg: #F2EFE9;
  --tv-surface: rgba(255, 255, 255, 0.76);
  --tv-text: #2B2F2D;
  --tv-muted: #727874;
  --tv-accent: #DCE5ED;
  --tv-border: #DFDBD2;
}

.theme-evening {
  /* Low-luminance dusk slate-sage palette after 7:00 PM */
  --tv-bg: #1E2321;
  --tv-surface: rgba(40, 47, 44, 0.85);
  --tv-text: #E6E4E0;
  --tv-muted: #9BA39E;
  --tv-accent: #354740;
  --tv-border: #313835;
}

/* Font Utility Classes */
.font-editorial {
  font-family: var(--font-serif);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.font-sans-calm {
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--text-primary);
}

.font-mono-admin {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Semantic Surface Utilities */
.bg-canvas {
  background-color: var(--bg-canvas);
}

.bg-card {
  background-color: var(--bg-card);
}

.bg-subtle {
  background-color: var(--bg-subtle);
}

.bg-pastel-sage {
  background-color: var(--pastel-sage);
}

.bg-pastel-clay {
  background-color: var(--pastel-clay);
}

.bg-pastel-mist {
  background-color: var(--pastel-mist);
}

.bg-pastel-lavender {
  background-color: var(--pastel-lavender);
}

.text-primary-calm {
  color: var(--text-primary);
}

.text-muted-calm {
  color: var(--text-muted);
}

.border-soft {
  border-color: var(--border-soft);
}
