/* ================================================================
   ÜRETİLMİŞ DOSYA — ELLE DÜZENLEME
   Kaynak: tasarim-sistemi/tokens/tokens.css (yaşayan tasarım sistemi)
   Kopyalandı: 2026-08-10

   Tek dönüşüm: @font-face'teki ikincil "../fonts/" kaynağı çıkarıldı.
   Tasarım sisteminde tokens.css bir alt klasörde (tokens/) durduğu için iki
   yol taşıyor; burada dosya site kökünde, "fonts/" tek doğru yol. İkincisi
   bırakılsa ölü referans olurdu.

   Değişiklik gerekiyorsa KAYNAĞI düzenle, sonra bu dönüşümle kopyala.
   ================================================================ */

/* =============================================================
   MARKA FONTLARI · yerel (09.08.2026 eklendi)

   Buraya konmasının sebebi: Design System paneli yalnız bu dosyayı global CSS
   olarak tarıyor (globalCssPaths). @font-face ayrı bir fonts.css'te durunca
   panel yüzleri göremedi ve "Missing brand fonts, rendering with substitutes"
   dedi. İkame fontla çizilen kart tipografi kararını yanlış gösterir.

   Kart render ortamı dış ağa çıkamıyor, o yüzden Google Fonts <link> işe
   yaramıyor; woff2 dosyaları tokens/fonts/ altında.

   ⚠️ latin ve latin-ext'in ikisi de zorunlu: 'ı' (U+0131) latin'de ama
   'ğ ş İ Ğ Ş' latin-ext'te. Biri eksikse Türkçe metin yarım çizilir.
   Lisans: SIL Open Font License 1.1.
   ============================================================= */

/* ---------- TAŞIYICI · Spline Sans Mono ---------- */

/* latin-ext — ğ ş İ Ğ Ş ve diğer genişletilmiş latin */
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("fonts/spline-sans-mono-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin — ı ç ö ü dahil */
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("fonts/spline-sans-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- VURGU · Gluten ---------- */

@font-face {
  font-family: "Gluten";
  font-style: oblique 0deg 13deg;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/gluten-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Gluten";
  font-style: oblique 0deg 13deg;
  font-weight: 100 900;
  font-display: swap;
  src: url("fonts/gluten-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =============================================================
   yumu — tokens.css
   Sürüm 4.0 · 06.08.2026 — 11 kararın 11'i kilitli. Renk siyah-beyaz, tipografi 5h, metafor kadife.
   Kaynak: "Yumu Marka Kimligi.dc.html" + "Yumu Tasarim Sistemi.dc.html"

   KURAL: Bileşenler YALNIZCA anlamsal (--yumu-color-*, --yumu-space-*)
   token kullanır. Ham renk adları (paper, ink) bileşen
   kodunda geçmez.
   ============================================================= */

:root {
  /* ---------- HAM RENK · MÜREKKEP & KÂĞIT (nötr — hiçbir kademede hue yok) ---------- */
  /* Kâğıt NÖTR olmak zorunda: Sand sıcak, Milk'in hafif gül dönüşü var.
     Sıcak beyaz bir zemin Sand'ı yutar ve dört ürün renginden biri görünmez olur. */
  --yumu-paper-0:   #FFFFFF;
  --yumu-paper-50:  #F7F7F7;  /* sayfa kâğıdı */
  --yumu-paper-100: #EDEDED;  /* ürün fotoğrafı zemini */
  --yumu-ink-150:   #D6D6D6;  /* çip çerçevesi, kenarlık */
  --yumu-ink-200:   #C4C4C4;
  --yumu-ink-300:   #A3A3A3;  /* devre dışı, ayraç */
  --yumu-ink-400:   #8A8A8A;
  --yumu-ink-500:   #6B6B6B;  /* ikincil metin · 5,0:1 */
  --yumu-ink-600:   #4A4A4A;  /* gövde metni · 8,1:1 */
  --yumu-ink-700:   #333333;  /* koyu gövde · 11,7:1 */
  --yumu-ink-800:   #262626;
  --yumu-ink-900:   #171717;  /* koyu yüzeyde yükselti */
  --yumu-ink-950:   #0E0E0E;  /* arayüz siyahı */
  /* YASAK: saf #000 arayüzde kullanılmaz. Ink ürün ışığı yediği için
     saf siyah onun yanında delik gibi durur. #000 yalnızca ürün fotoğrafının içinde. */

  /* ---------- HAM RENK · GERİ BİLDİRİM (marka değil, işlev) ---------- */
  --yumu-moss-600:  #1D7A4B;
  --yumu-moss-100:  #E8F3ED;
  --yumu-amber-700: #8A5E12;
  --yumu-amber-100: #FBF2E2;
  --yumu-rust-600:  #B02A2A;
  --yumu-rust-100:  #FAEAEA;
  --yumu-slate-600: #2C5C8A;
  --yumu-slate-100: #E8EFF6;
  /* NOT: hata kırmızısı ile ürün rengi Plum karıştırılmamalı.
     Hata rengi parlak ve soğuk, Plum mat ve donuk. Hata mesajı asla ürün
     rengiyle boyanmaz; ürün çipi asla hata kırmızısı kullanmaz. */

  /* ---------- HAM RENK · ÜRÜN (LANSMAN · 4 RENK) ---------- */
  /* Ürünün fiziksel renkleri. Arayüz paletiyle YARIŞMAZ — arayüz nötr olduğu için
     gam ileride büyüdüğünde hiçbir şey değişmez, sadece çip eklenir. */
  /* ADLANDIRMA — kilitlendi (6a): tek heceli, elle tutulur nesne.
     Bitiş asla renk adının içine girmez; yoksa ikinci bir yüzey çıktığı gün
     "parlak mat siyah" gibi bir isim doğar. */
  --yumu-product-ink:  #1A1A1A;  /* Ink   · siyah */
  --yumu-product-milk: #F5F1F1;  /* Milk  · beyaz */
  --yumu-product-sand: #EBE1D4;  /* Sand  · bej — fotoğrafla kalibre edilecek */
  --yumu-product-plum: #A0505C;  /* Plum  · eski adı "cherry" — fotoğrafla kalibre edilecek */

  /* EDITION EKSENİ YOK. Lansman dört renkle çıkıyor; bir bitiş adı (Mat/Parlak)
     tanıtmıyoruz. Kural yine geçerli ve sebebi bu: bitiş renk adının İÇİNE girmez.
     "mat siyah" yerine "Ink" — böylece ikinci bir bitiş çıkarsa isimler bozulmuyor.
     O gün geldiğinde bitiş ayrı bir eksen olarak eklenir; bugün kapsam dışı. */

  /* ============================================================
     ANLAMSAL RENK — bileşenler SADECE buradan okur
     ============================================================ */
  --yumu-color-surface:          var(--yumu-paper-50);
  --yumu-color-surface-raised:   var(--yumu-paper-0);
  --yumu-color-surface-sunken:   var(--yumu-paper-100);
  --yumu-color-surface-inverse:  var(--yumu-ink-950);
  --yumu-color-surface-accent:   var(--yumu-paper-100);
  --yumu-color-surface-photo:    var(--yumu-paper-100);  /* ürün fotoğrafı ZORUNLU zemini */

  --yumu-color-text-primary:  var(--yumu-ink-950);  /* paper-50 üzerinde 18,6:1 */
  --yumu-color-text-body:     var(--yumu-ink-600);  /* 8,1:1 */
  --yumu-color-text-muted:    var(--yumu-ink-500);  /* 5,0:1 */
  --yumu-color-text-subtle:   var(--yumu-ink-400);  /* 3,4:1 — yalnızca ≥13px etiket ve ikon */
  --yumu-color-text-inverse:  var(--yumu-paper-50);
  --yumu-color-text-accent:   var(--yumu-ink-950);

  --yumu-color-border:        var(--yumu-ink-150);
  --yumu-color-border-strong: var(--yumu-ink-200);
  --yumu-color-border-focus:  var(--yumu-ink-950);

  --yumu-color-action:          var(--yumu-ink-950);
  --yumu-color-action-hover:    var(--yumu-ink-800);
  --yumu-color-action-pressed:  var(--yumu-ink-700);
  --yumu-color-action-text:     var(--yumu-paper-0);
  --yumu-color-action-disabled: var(--yumu-ink-150);
  --yumu-color-action-disabled-text: var(--yumu-ink-400);

  --yumu-color-focus: var(--yumu-ink-950);

  --yumu-color-feedback-success:      var(--yumu-moss-600);
  --yumu-color-feedback-success-bg:   var(--yumu-moss-100);
  --yumu-color-feedback-warning:      var(--yumu-amber-700);
  --yumu-color-feedback-warning-bg:   var(--yumu-amber-100);
  --yumu-color-feedback-error:        var(--yumu-rust-600);
  --yumu-color-feedback-error-bg:     var(--yumu-rust-100);
  --yumu-color-feedback-info:         var(--yumu-slate-600);
  --yumu-color-feedback-info-bg:      var(--yumu-slate-100);

  --yumu-color-overlay: rgba(14, 14, 14, .52);

  /* ---------- BOŞLUK · 4px tabanı ---------- */
  --yumu-space-1:  4px;
  --yumu-space-2:  8px;
  --yumu-space-3:  12px;
  --yumu-space-4:  16px;
  --yumu-space-5:  20px;
  --yumu-space-6:  24px;
  --yumu-space-7:  32px;
  --yumu-space-8:  40px;
  --yumu-space-9:  48px;
  --yumu-space-10: 64px;
  --yumu-space-11: 80px;
  --yumu-space-12: 96px;
  --yumu-space-13: 128px;
  --yumu-space-14: 160px;

  /* ---------- YARIÇAP · yükseklik × 0,41 ---------- */
  --yumu-radius-xs:  4px;
  --yumu-radius-sm:  8px;
  --yumu-radius-md:  12px;
  --yumu-radius-lg:  18px;   /* İMZA YARIÇAPI — buton, kart */
  --yumu-radius-xl:  28px;
  --yumu-radius-2xl: 40px;
  --yumu-radius-pill: 999px;

  /* ---------- ÇİZGİ ---------- */
  --yumu-border-width-hair:   1px;
  --yumu-border-width-strong: 2px;

  /* ---------- GÖLGE · 4 basamak, hepsi yumuşak ---------- */
  --yumu-elevation-1: 0 1px 2px rgba(14,14,14,.05);
  --yumu-elevation-2: 0 2px 8px -2px rgba(14,14,14,.08), 0 1px 2px rgba(14,14,14,.04);
  --yumu-elevation-3: 0 8px 24px -8px rgba(14,14,14,.12), 0 2px 6px -2px rgba(14,14,14,.06);
  --yumu-elevation-4: 0 24px 56px -20px rgba(14,14,14,.18), 0 4px 12px -6px rgba(14,14,14,.08);

  /* ---------- MAT SWATCH · ürün rengi gösterimi ---------- */
  --yumu-swatch-matte: inset 0 -10px 18px -8px rgba(0,0,0,.38), inset 0 8px 14px -8px rgba(255,255,255,.35); /* @kind shadow */

  /* ---------- TİPOGRAFİ · aile ---------- */
  /* İKİ SESLİ SİSTEM — kilitlendi (5h).
     TAŞIYICI: Spline Sans Mono. Sayfanın ~%90'ı. Başlık, gövde, etiket, buton, fiyat.
     VURGU:    Gluten (slnt -13, wght 800). YALNIZCA yüklem ve tek kelimelik iddia.
     Üçüncü aile YOK. Mono taşıyıcı olduğu için ayrı bir mono ailesine gerek kalmadı. */
  --yumu-font-carrier: "Spline Sans Mono", ui-monospace, monospace;
  --yumu-font-accent:  "Gluten", "Spline Sans Mono", ui-monospace, monospace;
  --yumu-font-accent-axis: "slnt" -13;

  /* Geriye dönük adlar — hepsi taşıyıcıya bakar */
  --yumu-font-display: var(--yumu-font-carrier);
  --yumu-font-text:    var(--yumu-font-carrier);
  --yumu-font-mono:    var(--yumu-font-carrier);

  /* ---------- TİPOGRAFİ · ölçek (mobil → masaüstü) ---------- */
  /* Mono taşıyıcı sanstan geniştir: ölçek %15 aşağı çekildi, yoksa başlıklar taşar. */
  --yumu-font-size-display-hero: clamp(2.375rem, 5.2vw, 4.75rem); /* 38 → 76 */
  --yumu-font-size-display-1:    clamp(1.875rem, 3.2vw, 2.75rem); /* 30 → 44 */
  --yumu-font-size-display-2:    clamp(1.5rem, 2.2vw, 2rem);      /* 24 → 32 */
  --yumu-font-size-heading-1:    clamp(1.25rem, 1.6vw, 1.5rem);  /* 20 → 24 */
  --yumu-font-size-heading-2:    clamp(1.0625rem, 1.2vw, 1.125rem); /* 17 → 18 */
  --yumu-font-size-body-lg:      clamp(1.125rem, 1.3vw, 1.25rem); /* 18 → 20 */
  --yumu-font-size-body:         1rem;      /* 16 — MUTLAK ALT SINIR */
  --yumu-font-size-body-sm:      0.875rem;  /* 14 */
  --yumu-font-size-label:        0.8125rem; /* 13 — en küçük metin */
  --yumu-font-size-mono-label:   0.75rem;   /* 12 — yalnızca mono etiket */
  --yumu-font-size-mono-data:    clamp(0.8125rem, 1.8vw, 1.625rem);

  /* ---------- TİPOGRAFİ · ağırlık ---------- */
  /* Taşıyıcıda 700 ve 800 KULLANILMAZ — o iki ağırlık vurgu yüzüne ayrılmıştır. */
  --yumu-font-weight-display: 400;
  --yumu-font-weight-regular: 400;
  --yumu-font-weight-medium:  500;
  --yumu-font-weight-strong:  600;
  --yumu-font-weight-accent:      800;  /* Gluten · başlık içi vurgu */
  --yumu-font-weight-accent-body: 700;  /* Gluten · gövde içi vurgu */

  /* ---------- TİPOGRAFİ · satır yüksekliği & aralık ---------- */
  --yumu-line-height-hero:    0.94;
  --yumu-line-height-tight:   1.02;
  --yumu-line-height-snug:    1.2;
  --yumu-line-height-normal:  1.5;
  --yumu-line-height-body:    1.6;
  --yumu-line-height-relaxed: 1.7;

  /* Mono harfler eşit genişlikte olduğu için dar harflerin (i l ı) yanında boşluk kalır.
     Negatif tracking bunu toparlar — sistemde tracking ZORUNLU, varsayılan 0 kullanılmaz. */
  --yumu-letter-spacing-hero:  -0.065em;
  --yumu-letter-spacing-tight: -0.06em;
  --yumu-letter-spacing-snug:  -0.045em;
  --yumu-letter-spacing-body:  -0.035em;
  --yumu-letter-spacing-none:  0;
  --yumu-letter-spacing-label: 0.08em;   /* yalnızca versal etiket */
  --yumu-letter-spacing-accent: -0.015em; /* Gluten kendi içinde zaten sıkı */
  --yumu-letter-spacing-wordmark: -0.055em;

  /* ---------- HAREKET ---------- */
  /* METAFOR: KADİFE (kilitli karar 6). Kadife, kaymayan tek yumuşak yüzeydir.
     Sonucu harekete doğrudan yansıyor: yüzeyler KAYMAZ, ton değiştirir.
     Hover'da translate/scale yok — bir kademe koyulaşma var (hav yatıyormuş gibi).
     Yer değiştiren tek şey ürünün kendisidir (imza sıkma), arayüz değil. */

  /* İMZA ETKİLEŞİMİ (kilitli karar 8) — logonun sıkışma hareketi:
     · masaüstü: yalnızca hover
     · mobil: sayfa açılışında BİR kez, sonra dokunmayla tekrar
     · scroll'a asla bağlanmaz
     · dört evre: dinlenme → sıkışma → tutma → geri yaylanma; ~%30'u dinlenme
     · iki kâse 70ms arayla; kuvvet menteşeden geçiyormuş gibi
     · prefers-reduced-motion: animasyon YOK, statik diptik (sıkışmış + normal) */
  --yumu-ease-squeeze:  cubic-bezier(.34, 1.56, .64, 1); /* @kind other */ /* İMZA · yalnızca ürün anları */
  --yumu-ease-standard: cubic-bezier(.20, 0, 0, 1); /* @kind other */      /* yapı katmanı */
  --yumu-ease-exit:     cubic-bezier(.40, 0, 1, 1); /* @kind other */

  --yumu-duration-instant: 120ms; /* @kind other */
  --yumu-duration-fast:    200ms; /* @kind other */
  --yumu-duration-base:    320ms; /* @kind other */
  --yumu-duration-slow:    520ms; /* @kind other */

  /* ---------- KIRILIM & KAPSAYICI ---------- */
  --yumu-breakpoint-xs: 390px;
  --yumu-breakpoint-sm: 600px;
  --yumu-breakpoint-md: 900px;
  --yumu-breakpoint-lg: 1200px;
  --yumu-breakpoint-xl: 1440px;

  --yumu-container-sm: 560px;
  --yumu-container-md: 840px;
  --yumu-container-lg: 1120px;
  --yumu-container-xl: 1240px;
  --yumu-content-max:  1240px;
  --yumu-text-max:     68ch;

  --yumu-gutter-xs: 16px;
  --yumu-gutter-sm: 20px;
  --yumu-gutter-md: 24px;
  --yumu-edge-xs:   20px;
  --yumu-edge-md:   32px;

  --yumu-section-y-mobile:  64px;
  --yumu-section-y-desktop: 112px;
  --yumu-section-y-loud:    88px;

  /* ---------- Z-INDEX KATMANLARI ---------- */
  --yumu-z-base:        0; /* @kind other */
  --yumu-z-sticky:      100; /* @kind other */
  --yumu-z-header:      200; /* @kind other */
  --yumu-z-dropdown:    300; /* @kind other */
  --yumu-z-overlay:     400; /* @kind other */
  --yumu-z-drawer:      500; /* @kind other */
  --yumu-z-modal:       600; /* @kind other */
  --yumu-z-toast:       700; /* @kind other */
  --yumu-z-tooltip:     800; /* @kind other */

  /* ---------- ÖLÇÜ ---------- */
  --yumu-icon-size-sm: 20px;
  --yumu-icon-size-md: 24px;
  --yumu-pictogram-size: 48px;
  --yumu-touch-target: 44px;
  --yumu-control-height-sm: 38px;
  --yumu-control-height-md: 46px;
  --yumu-control-height-lg: 54px;
  --yumu-field-height: 48px;

  --yumu-opacity-disabled: 0.45; /* @kind other */
  --yumu-grain-opacity: 0.025; /* @kind other */

  /* ---------- ODAK HALKASI · tek görünüm ---------- */
  --yumu-focus-ring-width: 2px;
  --yumu-focus-ring-offset: 2px;
}

/* =============================================================
   KOYU BÖLÜM MUAMELESİ
   Tam dark mode DEĞİL. Kanıt / mühendislik blokları koyu zeminde
   yaşar. Aynı anlamsal isimler, yeni değerler.
   ============================================================= */
/* KOYU BÖLÜM POLİTİKASI (kilitli karar 9): tam dark mode YOK, kullanıcıya tema
   düğmesi verilmiyor. Koyu yüzey tasarımın parçası — kanıt bölümü, malzeme
   anlatımı, SoftSpine™ tanıtımı. Nerede duracağına tasarım karar verir.
   Bu blok ileride tam dark mode'a geçişi mümkün kılar; bugün kapsam dışı. */
[data-section="dark"] {
  --yumu-color-surface:         var(--yumu-ink-950);
  --yumu-color-surface-raised:  var(--yumu-ink-900);
  --yumu-color-surface-sunken:  var(--yumu-ink-950);
  --yumu-color-surface-inverse: var(--yumu-paper-50);
  --yumu-color-surface-accent:  var(--yumu-ink-800);
  --yumu-color-surface-photo:   var(--yumu-ink-900);

  --yumu-color-text-primary: var(--yumu-paper-0);
  --yumu-color-text-body:    var(--yumu-ink-150);
  --yumu-color-text-muted:   var(--yumu-ink-300);  /* ink-950 üzerinde 7,6:1 */
  --yumu-color-text-subtle:  var(--yumu-ink-400);  /* 5,3:1 */
  --yumu-color-text-inverse: var(--yumu-ink-950);
  --yumu-color-text-accent:  var(--yumu-paper-0);

  --yumu-color-border:        var(--yumu-ink-800);
  --yumu-color-border-strong: var(--yumu-ink-700);
  --yumu-color-focus:         var(--yumu-paper-0);
}

/* =============================================================
   ZORUNLU TABAN — vibecoding aşamasında ilk yazılacak blok
   ============================================================= */
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--yumu-color-surface);
  color: var(--yumu-color-text-body);
  font-family: var(--yumu-font-carrier);
  font-size: var(--yumu-font-size-body);
  line-height: var(--yumu-line-height-body);
  letter-spacing: var(--yumu-letter-spacing-body);
  text-wrap: pretty;
}

h1, h2, h3 { text-wrap: balance; }

a {
  color: var(--yumu-color-text-accent);
  text-decoration-color: var(--yumu-ink-300);
  text-underline-offset: 3px;
}
a:hover { color: var(--yumu-color-action); text-decoration-color: currentColor; }

:focus-visible {
  outline: var(--yumu-focus-ring-width) solid var(--yumu-color-focus);
  outline-offset: var(--yumu-focus-ring-offset);
}

/* Türkçe: uzun kelimeler için heceleme. lang="tr" ZORUNLU. */
p, li, dd { hyphens: auto; }

/* Fiyat ve sayı kolonları hizalanır */
[data-numeric] { font-variant-numeric: tabular-nums; }

/* VURGU YÜZÜ — tek kullanım yolu. Elle font-family yazılmaz, bu attribute kullanılır. */
[data-accent] {
  font-family: var(--yumu-font-accent);
  font-variation-settings: var(--yumu-font-accent-axis);
  font-weight: var(--yumu-font-weight-accent);
  letter-spacing: var(--yumu-letter-spacing-accent);
  font-size: 1.16em;   /* Gluten'in x-yüksekliği düşük; taşıyıcıyla optik eşitlenir */
  /* ZORUNLU (10.08.2026 eklendi): vurgu çoğu zaman <em> içinde yazılır ve <em>
     varsayılan olarak italiktir. Gluten zaten "slnt" -13 ile eğik; ikisi üst üste
     binince eğim iki kez uygulanıyor. Ölçüldü: font-style italic çıkıyordu.
     Eğim yalnız slnt ekseninden gelir. */
  font-style: normal;
}
p [data-accent], li [data-accent] { font-weight: var(--yumu-font-weight-accent-body); font-size: 1.1em; }

/* VURGU KURALLARI — ihlali tasarım hatasıdır:
   1. Bir cümlede en fazla BİR vurgu. İki vurgu ritmi öldürür.
   2. Vurgu yalnızca YÜKLEM ya da tek kelimelik iddiadır. Sıfat, isim, marka adı değil.
   3. Tam cümle asla vurgu yüzüyle yazılmaz.
   4. Gluten'de ™ ° ® gibi glifler YOKTUR — bu işaretler taşıyıcıyla yazılır.
   5. Vurgu yüzü 15px altına inmez; küçük puntoda basınç hissi kaybolur. */

/* YASAK: text-transform: uppercase — Türkçede "i" harfini "I" yapar.
   Büyük harfli görünmesi gereken metin KAYNAKTA büyük yazılır. */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}