:root {
  --bg-page:       #f0ede8;
  --bg-container:  #ffffff;
  --bg-input:      #faf9f7;
  --bg-section:    #f5f3ef;
  --bg-header:     #1f3044;
  --bg-result:     #1f3044;
  --bg-modal:      rgba(15,25,40,0.7);
  --text-main:     #1a1a1a;
  --text-muted:    #555555;
  --text-light:    #888888;
  --text-on-dark:  #e8e2d9;
  --accent:        #C8A96E;
  --accent-hover:  #3d8a64;
  --border-color:  #d8d2c8;
  --border-light:  #e8e3dc;
  --shadow:        0 4px 24px rgba(31,48,68,0.10);
  --shadow-sm:     0 2px 8px rgba(31,48,68,0.07);
  --radius:        6px;
  --radius-pill:   30px;
  --font-serif:    'Libre Baskerville', Georgia, serif;
  --font-sans:     'IBM Plex Sans', system-ui, sans-serif;
  --success:       #C8A96E;
  --danger:        #8b1c1c;
  --warning:       #7d4e00;
}

[data-theme="dark"] {
  --bg-page:       #0d1520;
  --bg-container:  #162030;
  --bg-input:      #1a2738;
  --bg-section:    #1e2d3e;
  --bg-header:     #0d1520;
  --bg-result:     #0d1520;
  --bg-modal:      rgba(5,10,18,0.85);
  --text-main:     #e8e2d9;
  --text-muted:    #9aabb8;
  --text-light:    #5a7080;
  --text-on-dark:  #e8e2d9;
  --border-color:  #253545;
  --border-light:  #1e2d3e;
  --shadow:        0 4px 24px rgba(0,0,0,0.4);
  --shadow-sm:     0 2px 8px rgba(0,0,0,0.3);
}