/* Yardım sayfaları (nasil-calisir, olcu-alma-rehberi) için Kumsal teması.
   Sayfalar tasarım aracından geldi; renkler CSS değişkenleriyle tanımlı olduğu için
   burada yalnız değişkenler yeni ana sayfa ve konfigüratör paletine çekiliyor.
   Yapı ve metin dokunulmadan kalır. */
:root{
  --font-heading:"Figtree",system-ui,sans-serif;
  --color-bg:#f4f4ee;
  --color-surface:#e8e7df;
  --color-text:#292f26;
  --color-divider:#d5d8cb;
  --color-neutral-100:#fbfaf6;
  --color-neutral-200:#f0f0e8;
  --color-neutral-300:#e1e3d8;
  --color-neutral-400:#c9ccbf;
  --color-neutral-500:#9aa091;
  --color-neutral-600:#626958;
  --color-neutral-700:#454d3e;
  --color-neutral-800:#30382a;
  --color-neutral-900:#1f241c;
  /* vurgu: turuncu yerine adaçayı/zeytin */
  --color-accent:#454d3e;
  --color-accent-100:#f2f3ec;
  --color-accent-200:#e4e8dc;
  --color-accent-300:#cdd4c1;
  --color-accent-400:#a9b39a;
  --color-accent-500:#7f8a70;
  --color-accent-600:#646e52;
  --color-accent-700:#4d5640;
  --color-accent-800:#30382a;
  --color-accent-900:#1f241c;
  --color-accent-2:#8b8766;
  --color-accent-2-100:#f4f3ea;
  --color-accent-2-200:#e7e4d6;
  --color-accent-2-300:#d4d0bb;
  --color-accent-2-400:#b7b298;
  --color-accent-2-500:#9a957a;
  --color-accent-2-600:#7c785f;
  --color-accent-2-700:#5e5b47;
  --color-accent-2-800:#403e31;
  --color-accent-2-900:#26251d;
  --shadow-sm:none;
  --shadow-md:0 1px 2px rgba(41,47,38,.08);
  --shadow-lg:0 18px 44px -20px rgba(41,47,38,.28);
}
html,body{background:var(--color-bg)}
h1,h2,h3,h4{font-family:"Figtree",system-ui,sans-serif;font-weight:500;letter-spacing:-.02em}
h1{font-weight:400}