/* themes.css */
:root, [data-theme="dark"] {
  --bg:          #0f1117;
  --bg-card:     #171b24;
  --bg-input:    #1e2330;
  --bg-hover:    #1e2330;
  --border:      #252836;
  --border-hover:#3a3f52;
  --ink:         #e8e6e0;
  --ink-dim:     #8a8880;
  --ink-faint:   #3a3f52;
  --accent:      #6b9fc4;
  --accent-dim:  #1a2f40;
  --green:       #7cb87c;
  --green-dim:   #1a3320;
  --amber:       #c4a55a;
  --amber-dim:   #3a2e10;
  --red:         #c47a6b;
  --red-dim:     #3a1e1a;
  --nav-bg:      #0d1018;
  --nav-border:  #1e2330;
  --shadow:      0 2px 16px rgba(0,0,0,0.45);
  --radius:      12px;
  --radius-sm:   8px;
  --transition:  0.2s ease;
}

[data-theme="nature"] {
  --bg:          #161c10;
  --bg-card:     #1e2718;
  --bg-input:    #252f1c;
  --bg-hover:    #252f1c;
  --border:      #2c3a20;
  --border-hover:#4a5c36;
  --ink:         #e4e8d8;
  --ink-dim:     #7a8a60;
  --ink-faint:   #3a4a28;
  --accent:      #8fba5e;
  --accent-dim:  #1e3010;
  --green:       #7cb87c;
  --green-dim:   #1a3320;
  --amber:       #c8a84a;
  --amber-dim:   #3a2e10;
  --red:         #c47a6b;
  --red-dim:     #3a1e1a;
  --nav-bg:      #111708;
  --nav-border:  #252f1c;
}