/* ============ Tasarım belirteçleri ============
   Yazı ölçeği: 12 · 13 · 14 · 15 · 16 · 17 · 20 · 24 · 28 · 32 · 38
   Boşluk ölçeği: 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40
   Köşe: 8 (küçük) · 12 (alan/düğme) · 16 (kart) · 20 (pencere) · tam (hap) */
:root{
  color-scheme: light dark;
  --bg:#f6f3ee; --kagit:#fffdf9; --yuksek:#fffdf9; --murekkep:#1d1a15; --soluk:#5f584d; --cizgi:#e7e0d4; --cizgi-k:#d2c9ba;
  --vurgu:#7a2e1f; --vurgu-acik:#f5e8e3; --notr:#eee9e1; --notr-yazi:#4a443a; --alan:#faf8f4;
  --iyi:#2f6b3f; --iyi-acik:#e6f0e8; --kotu:#b42318; --kotu-acik:#fbe6e2; --kotu-cizgi:#efc9c1; --uyari:#7d5200; --uyari-acik:#f7eed9; --uyari-cizgi:#ead8ac;
  --halka:#7a2e1f38; --perde:rgba(29,26,21,.42); --cubuk-bg:rgba(255,253,249,.9);
  --serif: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --r-s:8px; --r-k:12px; --r:16px; --r-l:20px;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px;
  --golge: 0 1px 2px rgba(29,26,21,.04), 0 2px 8px -2px rgba(29,26,21,.06);
  --golge-2: 0 1px 2px rgba(29,26,21,.05), 0 12px 32px -12px rgba(29,26,21,.16);
  --golge-3: 0 24px 64px -16px rgba(29,26,21,.32), 0 2px 6px rgba(29,26,21,.06);
  --hiz:160ms; --egri:cubic-bezier(.2,.7,.2,1);
  /* v2 kabuk belirteçleri */
  --kenar-g:256px; --ray-g:72px; --ust-h:56px; --sekme-h:49px; --panel-g:368px; --liste-g:280px;
  --hover: color-mix(in srgb, var(--murekkep) 5%, transparent);
  --secili: color-mix(in srgb, var(--murekkep) 7%, transparent);
  --vurgu-sari: color-mix(in srgb, #e8c25a 38%, transparent);
  --vurgu-sari-k: color-mix(in srgb, #e8c25a 70%, transparent);
}
@media (prefers-color-scheme: dark){
  :root:not([data-tema=acik]){ --bg:#15130f; --kagit:#1d1a15; --yuksek:#25211b; --murekkep:#efe9de; --soluk:#aaa293; --cizgi:#322d25; --cizgi-k:#4a4338;
    --vurgu:#e3907a; --vurgu-acik:#3a231c; --notr:#29251e; --notr-yazi:#d2c9b9; --alan:#18160f;
    --iyi:#84c995; --iyi-acik:#1b2e20; --kotu:#f2907d; --kotu-acik:#3b1f19; --kotu-cizgi:#5c2b22; --uyari:#e6bb62; --uyari-acik:#30270f; --uyari-cizgi:#54431a;
    --halka:#e3907a55; --perde:rgba(0,0,0,.6); --cubuk-bg:rgba(29,26,21,.9);
    --golge:none; --golge-2:none; --golge-3:0 24px 64px -16px rgba(0,0,0,.7);
    --hover: color-mix(in srgb, var(--murekkep) 6%, transparent); --secili: color-mix(in srgb, var(--murekkep) 9%, transparent);
    --vurgu-sari: color-mix(in srgb, #c99a1e 42%, transparent); --vurgu-sari-k: color-mix(in srgb, #e8c25a 55%, transparent); }
}
:root[data-tema=koyu]{ --bg:#15130f; --kagit:#1d1a15; --yuksek:#25211b; --murekkep:#efe9de; --soluk:#aaa293; --cizgi:#322d25; --cizgi-k:#4a4338;
    --vurgu:#e3907a; --vurgu-acik:#3a231c; --notr:#29251e; --notr-yazi:#d2c9b9; --alan:#18160f;
    --iyi:#84c995; --iyi-acik:#1b2e20; --kotu:#f2907d; --kotu-acik:#3b1f19; --kotu-cizgi:#5c2b22; --uyari:#e6bb62; --uyari-acik:#30270f; --uyari-cizgi:#54431a;
    --halka:#e3907a55; --perde:rgba(0,0,0,.6); --cubuk-bg:rgba(29,26,21,.9);
    --golge:none; --golge-2:none; --golge-3:0 24px 64px -16px rgba(0,0,0,.7);
    --hover: color-mix(in srgb, var(--murekkep) 6%, transparent); --secili: color-mix(in srgb, var(--murekkep) 9%, transparent);
    --vurgu-sari: color-mix(in srgb, #c99a1e 42%, transparent); --vurgu-sari-k: color-mix(in srgb, #e8c25a 55%, transparent); }
:root[data-tema=acik]{color-scheme:light}
:root[data-tema=koyu]{color-scheme:dark}
@media (prefers-contrast: more){ :root{ --cizgi:#c9bfae; --cizgi-k:#a99e8b; --soluk:#4f493f } }