:root {
  /* Warm and Light Palette */
  --bg-page: #FAF7F2;
  --bg-surface: #FFFFFF;
  --bg-card: #F7F3EE;
  --bg-card-subtle: #FBF9F6;
  --bg-accent-soft: #F5EDE6;
  
  --text-main: #1C2833;
  --text-body: #2C3E50;
  --text-muted: #6C7A89;
  --text-light: #8E9BAE;

  --color-terracotta: #A0522D;
  --color-terracotta-dark: #823E1E;
  --color-terracotta-light: #F7EBE6;
  --color-gold: #C59B27;
  --color-gold-soft: #E5C365;
  --color-gold-bg: #FDF9EE;
  --color-navy: #152238;
  --color-navy-soft: #233554;

  --border-light: rgba(160, 82, 45, 0.12);
  --border-gold: rgba(197, 155, 39, 0.28);
  --border-subtle: rgba(28, 40, 51, 0.08);

  --font-serif-title: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-serif-text: 'Merriweather', 'Lora', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;

  --shadow-sm: 0 2px 8px rgba(28, 40, 51, 0.04);
  --shadow-md: 0 8px 24px rgba(28, 40, 51, 0.06);
  --shadow-lg: 0 16px 38px rgba(28, 40, 51, 0.09);
  --shadow-warm: 0 10px 30px rgba(160, 82, 45, 0.08);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;

  --max-width-content: 780px;
  --max-width-container: 1140px;
  --transition-normal: 0.25s cubic-bezier(0.2, 0, 0, 1);
  --line-height-prose: 1.85;
}

[data-theme="sepia"] {
  --bg-page: #F4ECD8;
  --bg-surface: #EFE4CC;
  --bg-card: #E8DCC0;
  --bg-card-subtle: #EFE6D1;
  --bg-accent-soft: #E2D3B2;
  --text-main: #2D2319;
  --text-body: #3C3022;
  --text-muted: #72624D;
  --border-light: rgba(114, 98, 77, 0.18);
  --border-gold: rgba(179, 137, 24, 0.35);
  --border-subtle: rgba(45, 35, 25, 0.1);
}

[data-theme="dark"] {
  --bg-page: #131A22;
  --bg-surface: #1A232E;
  --bg-card: #202C3A;
  --bg-card-subtle: #1D2733;
  --bg-accent-soft: #243242;
  --text-main: #F4EFEA;
  --text-body: #D3DCE6;
  --text-muted: #94A3B8;
  --text-light: #64748B;
  --border-light: rgba(244, 239, 234, 0.1);
  --border-gold: rgba(229, 195, 101, 0.35);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 16px 38px rgba(0, 0, 0, 0.5);
  --color-terracotta-light: rgba(160, 82, 45, 0.25);
  --color-gold-bg: rgba(197, 155, 39, 0.15);
}