:root {
  /* Light Mode - Washed Rainbow */
  --color-paper: #FFFEF9;
  --color-bg: #FFFEF9;
  --color-text: #1E293B;
  --color-input-bg: rgba(255, 255, 255, 0.8);
  --color-input-border: #F1F5F9;
  
  --color-sage-bg: #F0FDF4;
  --color-sage-border: #86EFAC;
  --color-sage: #90E2AB;

  --color-sky: #86D3F1;
  --color-sky-light: #E0F2FE;

  --color-gold-bg: #FEFCE8;
  --color-gold-border: #FDE047;
  --color-gold: #F4D983;

  --color-peach-bg: #FFEDD5;
  --color-peach-border: #FBB987;
  --color-terracotta: #FBB987;

  --color-slate-900: #1E293B;

  /* Typography */
  --font-boutique: 'Comfortaa', cursive;
  --font-organic: 'Quicksand', sans-serif;
  --font-header: 'Comfortaa', cursive;
  --font-body: 'Quicksand', sans-serif;
  
  --spring-ease: cubic-bezier(0.34, 1.56, 0.64, 1);
}

:root[data-theme='dark'] {
  /* Dark Mode - Bioluminescent Obsidian */
  --color-paper: #000000;
  --color-bg: #000000;
  --color-text: #F8FAFC;
  --color-input-bg: rgba(255, 255, 255, 0.03);
  --color-input-border: rgba(255, 255, 255, 0.1);
  
  --color-bio-glass: rgba(255, 255, 255, 0.05);
  --color-bio-glow: rgba(14, 165, 233, 0.2);

  /* Neon-washed variants of the light palette */
  --color-sage-border: rgba(134, 239, 172, 0.6);
  --color-sage: #4ADE80;

  --color-sky: #38BDF8;

  --color-gold-border: rgba(253, 224, 71, 0.6);
  --color-gold: #FACC15;

  --color-terracotta: #FB923C;
}