/* Van Nisa Temizlik · tasarim tokenleri
 * Tema: custom / tuned · genre: modern-minimal
 * Eksenler: light paper / grotesk-sans display / cool accent
 *
 * Bu dosyadaki degerler tek dogruluk kaynagidir.
 * style.css icinde satir ici hex / oklch / rgb kullanilmaz.
 */

:root {
  /* --- Renk ------------------------------------------------------------ */
  /* Kirik beyaz zemin. Tam beyaz degil, hafif sicak. */
  --color-paper: oklch(98.6% 0.004 95);
  --color-paper-2: oklch(96.4% 0.005 95);
  --color-paper-3: oklch(93.8% 0.006 95);

  /* Murekkep. Saf siyah degil, hafif soguk. */
  --color-ink: oklch(19% 0.012 250);
  --color-ink-soft: oklch(46% 0.010 250);
  --color-ink-faint: oklch(62% 0.008 250);

  /* Aksan: Van Golu teali. Dusuk kroma, sakin. */
  --color-accent: oklch(55% 0.072 205);
  --color-accent-deep: oklch(42% 0.078 205);
  --color-accent-wash: oklch(96% 0.018 205);

  /* Eylem rengi. Sayfadaki BUTUN butonlar bunu kullanir: randevu, is
     basvurusu, nav, form gonderimi. Tek renk, tek tarz.
     Temizlik isinde su ve hijyen cagrisimi tasidigi icin teal-mavi secildi;
     aksanla ayni aileden ama daha doygun, bu yuzden butonlar sayfadan
     ayrisiyor. Beyaz metinle kontrast ~5:1, WCAG AA gecer. */
  --color-cta: oklch(47% 0.115 200);
  --color-cta-hover: oklch(40% 0.12 200);

  /* Cizgiler ve yuzeyler */
  --color-rule: oklch(90% 0.004 95);
  --color-rule-strong: oklch(84% 0.005 95);
  --color-surface: oklch(100% 0 0);

  /* Durum renkleri */
  --color-danger: oklch(52% 0.145 27);
  --color-danger-wash: oklch(96% 0.022 27);
  --color-success: oklch(50% 0.088 155);

  /* Ters yuzey (footer) */
  --color-ink-paper: oklch(97% 0.004 250);

  /* Odak halkasi */
  --color-focus: oklch(48% 0.105 205);

  /* --- Tipografi ------------------------------------------------------- */
  --font-display: "Instrument Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    system-ui, sans-serif;

  /* Olcek: olculu. Devasa baslik yok. */
  --text-xs: 0.8125rem;   /* 13 */
  --text-sm: 0.875rem;    /* 14 */
  --text-base: 1rem;      /* 16 */
  --text-md: 1.0625rem;   /* 17 */
  --text-lg: 1.1875rem;   /* 19 */
  --text-xl: 1.4375rem;   /* 23 */
  --text-2xl: 1.75rem;    /* 28 */
  --text-3xl: 2.125rem;   /* 34 */
  --text-display-s: clamp(1.75rem, 1.15rem + 2.6vw, 2.5rem);
  --text-display: clamp(2.1rem, 1.35rem + 3.4vw, 3.25rem);

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Buyuk puntoda harf araligi sikilir, kucuk puntoda acilir. */
  --tracking-display: -0.028em;
  --tracking-heading: -0.018em;
  --tracking-body: -0.005em;
  --tracking-label: 0.08em;

  --leading-display: 1.08;
  --leading-heading: 1.18;
  --leading-body: 1.6;

  /* Satir uzunlugu */
  --measure: 62ch;
  --measure-narrow: 46ch;

  /* --- Bosluk (4pt skala) ---------------------------------------------- */
  --space-2xs: 0.25rem;   /* 4 */
  --space-xs: 0.5rem;     /* 8 */
  --space-sm: 0.75rem;    /* 12 */
  --space-md: 1rem;       /* 16 */
  --space-lg: 1.5rem;     /* 24 */
  --space-xl: 2rem;       /* 32 */
  --space-2xl: 3rem;      /* 48 */
  --space-3xl: 4.5rem;    /* 72 */
  --space-4xl: 7rem;      /* 112 */
  --space-5xl: 10rem;     /* 160 */

  /* Bolum ici dikey nefes. Genis bosluk premium hissin yarisi. */
  --space-section: clamp(4rem, 2rem + 8vw, 8.5rem);
  --gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --measure-page: 76rem;

  /* --- Kose yaricapi ---------------------------------------------------- */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 980px;

  /* --- Cizgi kalinligi -------------------------------------------------- */
  --rule-hair: 1px;
  --rule-thick: 2px;

  /* --- Hareket ---------------------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-slow: 480ms;

  /* --- Golge: neredeyse gorunmez, sadece ayirma icin -------------------- */
  --shadow-rest: 0 1px 2px oklch(19% 0.012 250 / 0.04),
    0 4px 14px oklch(19% 0.012 250 / 0.045);
  --shadow-lift: 0 2px 4px oklch(19% 0.012 250 / 0.05),
    0 10px 30px oklch(19% 0.012 250 / 0.075);
  --shadow-nav: 0 1px 1px oklch(19% 0.012 250 / 0.03),
    0 8px 28px oklch(19% 0.012 250 / 0.06);

  /* --- Gorsel islem: tek grade, tum fotograflara ------------------------ */
  /* Doygunluk dusuyor (palet tutarliligi), kontrast artiyor. Parlaklik
     yukseltilmiyor: yuksek anahtar fotograflar zeminde kayboluyordu. */
  --img-grade: saturate(0.85) contrast(1.1) brightness(0.99);
}