/* ═══════════════════════════════════════════════════════════
   ABMATO — Design Tokens
   Renk paleti: Diskalkuli Derneği marka renkleriyle hizalı
   (Yeşil #2E7D32 + Kahve #A0522D — derneğin logo paleti).
   Token isimleri (--teal/--orange) geriye uyumluluk için
   korundu; yalnızca değerler dernek paletine taşındı.
═══════════════════════════════════════════════════════════ */

:root {
  /* "Teal" → Dernek Yeşili (logo ağacı) */
  --teal:     #2E7D32; --teal-d:#1B5E20; --teal-l:#66BB6A; --teal-a:rgba(46,125,50,.1);
  /* "Orange" → Dernek Kahvesi (logo çerçeve + kök) */
  --orange:   #A0522D; --orange-d:#7B3A1E; --orange-a:rgba(160,82,45,.12);
  /* Vurgular */
  --blue:     #1A7FA6; --blue-a:rgba(26,127,166,.1);
  --amber:    #BF6A3A; --amber-a:rgba(191,106,58,.12);
  --purple:   #7C3D9F; --purple-a:rgba(124,61,159,.1);
  --danger:   #C62828; --success:#388E3C;
  /* Yüzeyler — derneğin sıcak nötr arkaplanı */
  --bg:       #FAFAF8; --surface:#FFFFFF; --raised:#E8F5E9; --overlay:rgba(0,0,0,.5);
  /* Metin */
  --text:     #1B2620; --text2:#37433C; --muted:#6B6259; --hint:#7B7268;
  /* Kenarlık (dernek yeşili tonunda) */
  --border:   rgba(46,125,50,.16); --border2:rgba(46,125,50,.28);
  /* Dernek brand alias (yeni token isimleri — opsiyonel kullanım) */
  --brand-green:#2E7D32; --brand-green-d:#1B5E20; --brand-green-l:#66BB6A;
  --brand-brown:#A0522D; --brand-brown-d:#7B3A1E; --brand-brown-l:#BF6A3A;
  /* Aynı adlar — eski token uyumu */
  --c-primary:var(--teal); --c-primary-d:var(--teal-d); --c-primary-l:var(--teal-l);
  --c-primary-a:var(--teal-a); --c-orange:var(--orange); --c-orange-d:var(--orange-d);
  --c-orange-a:var(--orange-a); --c-blue:var(--blue); --c-blue-a:var(--blue-a);
  --c-yellow:var(--amber); --c-yellow-a:var(--amber-a); --c-purple:var(--purple);
  --c-purple-a:var(--purple-a); --c-danger:var(--danger); --c-success:var(--success);
  --c-green:var(--teal-d); --c-green-l:var(--teal-l); --c-green-a:var(--teal-a);
  --c-bg:var(--bg); --c-surface:var(--surface); --c-raised:var(--raised);
  --c-text:var(--text); --c-text-2:var(--text2); --c-muted:var(--muted);
  --c-border:var(--border); --c-coral:#BF6A3A; --c-warn:var(--amber);
  --c-surface-2:#F1F8F2;
  /* Radius */
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-full:999px;
  /* Spacing */
  --s-xs:.25rem; --s-sm:.5rem; --s-md:.875rem; --s-lg:1.25rem; --s-xl:2rem;
  --sp-xs:var(--s-xs);--sp-sm:var(--s-sm);--sp-md:var(--s-md);--sp-lg:var(--s-lg);--sp-xl:var(--s-xl);
  /* Type scale */
  --t-xs:.6875rem; --t-sm:.8125rem; --t-md:.9375rem; --t-lg:1.0625rem;
  --t-xl:1.1875rem; --t-2xl:1.4375rem; --t-3xl:1.875rem; --t-num:2.25rem;
  --fs-xs:var(--t-xs);--fs-sm:var(--t-sm);--fs-md:var(--t-md);--fs-lg:var(--t-lg);
  --fs-xl:var(--t-xl);--fs-2xl:var(--t-2xl);--fs-num:var(--t-num);
  /* Fonts */
  --ff-body:'Nunito',system-ui,sans-serif; --ff-display:'Caveat',cursive;
  --ff-mono:'DM Mono',monospace;
  /* Motion */
  --ease:cubic-bezier(.4,0,.2,1); --spring:cubic-bezier(.34,1.56,.64,1);
  --t:all .16s var(--ease); --dur-fast:.12s; --dur-med:.2s; --dur-slow:.35s;
  /* Shadows */
  --sh-xs:0 1px 3px rgba(0,0,0,.06); --sh-sm:0 2px 8px rgba(0,0,0,.08);
  --sh-md:0 4px 16px rgba(0,0,0,.1); --sh-lg:0 8px 32px rgba(0,0,0,.14);
  --sh-btn:0 4px 12px rgba(46,125,50,.3); --sh-cta:0 4px 14px rgba(160,82,45,.3);
}