/* Tuciwood Panel — tema değişkenleri
   Ayarlar sekmesinden tema paketi seçildiğinde <html data-theme="..."> değişir. */

:root,
[data-theme="kirec"] {
  --bg: #F3EEE7;
  --panel: #FFFFFF;
  --soft: #F6F1EA;
  --zebra: rgba(120, 85, 50, 0.07);
  --ink: #2A2320;
  --sub: #5E524B;
  --mute: #8A7E76;
  --line: #E3D8CA;
  --accent: #D97757;
  --accent-ink: #A94F2E;
  --ok: #3C7A4E;
  --ok-soft: #E3EFE5;
  --warn: #B8652F;
  --warn-soft: #F9E6DC;
  --bad: #B3261E;
  --gok: #2F5F80;
  --gok-soft: #DDE8F0;
  --yaprak: #3C7A4E;
  --yaprak-soft: #DDEBDD;
  --mor: #62478A;
  --mor-soft: #E8E0F0;
}

[data-theme="koyu"] {
  --bg: #1C1815;
  --panel: #262019;
  --soft: #2E2620;
  --zebra: rgba(255, 255, 255, 0.05);
  --ink: #F0E9E1;
  --sub: #C9BDB2;
  --mute: #8F8178;
  --line: #3B322A;
  --accent: #E08A63;
  --accent-ink: #F0A780;
  --ok: #6FBE84;
  --ok-soft: #22332A;
  --warn: #E0A15E;
  --warn-soft: #3A2C1E;
  --bad: #E0685E;
  --gok: #6FA7C9;
  --gok-soft: #1E2C36;
  --yaprak: #6FBE84;
  --yaprak-soft: #1E332A;
  --mor: #A98FD1;
  --mor-soft: #2A2236;
}

[data-theme="notr"] {
  --bg: #F0F0EE;
  --panel: #FFFFFF;
  --soft: #F4F4F2;
  --zebra: rgba(0, 0, 0, 0.045);
  --ink: #26272A;
  --sub: #5A5C61;
  --mute: #8B8D92;
  --line: #DEDFDC;
  --accent: #4B5563;
  --accent-ink: #2F3742;
  --ok: #2F7D4F;
  --ok-soft: #E1F0E6;
  --warn: #B07A22;
  --warn-soft: #F6ECD9;
  --bad: #B3261E;
  --gok: #2F5F80;
  --gok-soft: #DDE8F0;
  --yaprak: #2F7D4F;
  --yaprak-soft: #DDEBDD;
  --mor: #5B4A82;
  --mor-soft: #E7E2EF;
}

:root {
  --display: "Source Serif 4", Georgia, serif;
  --body: "Figtree", system-ui, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--body);
  font-size: 14px;
  transition: background .15s ease, color .15s ease;
}

a { color: var(--accent-ink); text-decoration: none; }
a:hover { color: var(--accent); }

.card {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 16px;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 16px;
  border-radius: 999px;
  border: none;
  background: var(--accent);
  color: #fff;
  font-family: var(--body);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.btn:hover { background: var(--accent-ink); }
.btn.secondary {
  background: var(--soft);
  color: var(--ink);
  border: 1px solid var(--line);
}