/* ============================================================ aklar® — TASARIM TOKENLARI Tek kaynak. Her sayfa bu dosyayı ilk sırada yükler. Ana sayfa ve ürün ekranları aynı mavi–lacivert sistemini paylaşır. ============================================================ */ :root{ /* yüzeyler */ --paper:#f7f9fc; --paper-2:#eef2f7; --card:#ffffff; /* metin */ --ink:#10213d; --ink-2:#344158; --muted:#667086; /* çizgiler */ --line:#d8dfeb; --line-soft:#e8ecf3; /* vurgular — her biri tek bir anlam taşır */ --navy:#10213d; --navy-2:#2457e6; --green:#167a58; --green-deep:#0f4f3a; --green-ink:#146b4d; --green-soft:#e7f5ef; --link:#2457e6; /* Ters yüzey: koyu blok (footer, cta, uyarı bandı). Koyu temada bembeyaz olmasın diye --ink'ten ayrı tutuluyor; ikisi ters yönde değişiyor. */ --invert-bg:#101a2c; --invert-fg:#f7f9fc; --amber:#b8830c; /* değer sinyali: yıldız, ikon, kenarlık (grafik: 3:1 yeter) */ --amber-ink:#8d6408; /* aynı sinyalin METİN hâli — rozet zemininde 4.72, kartta 5.26 */ --danger:#8f2c22; /* hata, iptal, anlaşmazlık */ /* kategori aksanları */ --c-1:#0f2740; --c-2:#146b4d; --c-3:#4a2340; --c-4:#33414f; --c-5:#6b4a2f; --c-6:#12525a; --c-7:#1b4066; --c-8:#5a2a24; --c-9:#3c3a2a; --c-10:#7a5a12; /* ölçek */ --r-sm:6px; --r:10px; --r-lg:14px; --nav-h:72px; --max:1360px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --fs-xs:12px; --fs-sm:13.5px; --fs-base:16px; --fs-lg:19px; --fs-h3:23px; --fs-h2:31px; --fs-h1:58px; --shadow:0 12px 32px rgba(16,33,61,.10); /* Başlıklar Instrument Sans, gövde Archivo. Eksik bir Türkçe karakter olursa Archivo hemen devralır. */ --display:'Instrument Sans',Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; /* Vurgu için serif italik. Instrument Sans ile aynı aileden geliyor, yan yana durunca yabancı kaçmıyor. Yalnızca hero başlığındaki vurgu kelimesinde kullanılıyor — gövde metninde yeri yok. */ --serif:'Instrument Serif',Georgia,'Times New Roman',serif; } /* Site beyaz temayla açılır. Koyu tema hazır ve test edildi ama artık işletim sisteminin tercihiyle kendiliğinden devreye girmiyor; açmak için yeterli. Otomatik davranışı geri istersen aşağıdaki bloğu @media (prefers-color-scheme:dark) içine geri al. */ :root[data-theme="dark"]{ --paper:#17181a; --paper-2:#1d1e21; --card:#1f2023; --ink:#f2f0ec; --ink-2:#c9c7c1; --muted:#9c978e; --line:#3a3b3e; --line-soft:#2c2d30; --green-soft:#16302a; --green-deep:#12402d; --amber:#d7a53a; --amber-ink:#e0b45a; --green-ink:#5fb894; --link:#8ab6e0; --invert-bg:#26282c; --invert-fg:#f2f0ec; --shadow:0 2px 10px rgba(0,0,0,.5); } /* ---------- sıfırlama ---------- */ *{box-sizing:border-box;margin:0;padding:0} html{-webkit-text-size-adjust:100%} body{ font-family:Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; background:var(--paper);color:var(--ink-2); font-size:var(--fs-base);line-height:1.55;-webkit-font-smoothing:antialiased; } img{max-width:100%;display:block} a{color:inherit;text-decoration:none} button{font:inherit;color:inherit;background:none;border:none;cursor:pointer} input,select,textarea{font:inherit} :focus-visible{outline:2px solid var(--navy-2);outline-offset:2px;border-radius:var(--r-sm)} @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}} .wrap{max-width:var(--max);margin:0 auto;padding:0 26px} @media(max-width:700px){.wrap{padding:0 16px}} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}