/* @theme 1 · Sessiz Lüks — Fine dining, tipografik */
/* @order 1 */
/* @theme-color #F4F0E8 */
/* @flow screens */
/* @fonts fraunces, manrope */

/*
 * TEMA 1 · SESSİZ LÜKS
 * ====================
 *
 * Kaynak: design/temalar/design/Tema 1 · Sessiz Lüks.dc.html (high-fidelity;
 * hex/px değerleri birebir). Ortak iskelet screens.css; bu dosya yalnızca
 * paleti ve temaya özgü farkları taşır.
 *
 * Kimlik: görselsiz "içindekiler" listesi; hairline ayraçlar; Fraunces
 * başlık + Manrope gövde; 2 px köşe; koyu yeşil vurgu yalnızca birincil
 * düğme, seçili porsiyon ve etiket metninde.
 *
 * Temaya özgü davranış (brief): ana menüde görsel yok, yalnız numaralı
 * tipografik liste. Porsiyon (varyant) seçimi yalnız fiyatı değiştirir —
 * kalori satırı sabit kalır (screens.js zaten böyle çalışır).
 *
 * Palet eşlemesi (28 token → tasarım değeri):
 *   zemin #F4F0E8 · yüzey #FBF9F4 · mürekkep #1B1A16 · ikincil #6E6858
 *   vurgu #2E3B30 · ayraç #DAD3C2 · yer tutucu #E2DCCE
 *   karartma rgba(27,26,22,.42) panel / .30 dil menüsü
 */

:root {
  --color-bg: #F4F0E8;
  --color-surface: #FBF9F4;
  --color-text: #1B1A16;

  --color-accent: #2E3B30;
  --color-accent-700: #2E3B30;
  --color-accent-100: #E9EDE9;
  --color-accent-200: #D3DAD4;
  --color-accent-300: #B3BFB5;
  --color-accent-400: #8C9C8F;
  --color-accent-500: #66786A;
  --color-accent-600: #47584B;
  --color-accent-800: #222C24;
  --color-accent-900: #171E19;

  --color-divider: #DAD3C2;
  --color-neutral-100: #FBF9F4;
  --color-neutral-200: #EFEADF;
  --color-neutral-300: #E2DCCE;
  --color-neutral-400: #C9C2B1;
  --color-neutral-500: #9A9280;
  --color-neutral-600: #6E6858;
  --color-neutral-700: #3A3730;
  --color-neutral-800: #26241F;
  --color-neutral-900: #1B1A16;

  --dim-panel: rgba(27, 26, 22, 0.30);
  --dim-sheet: rgba(27, 26, 22, 0.42);
  --color-hatch-a: #E2DCCE;
  --color-hatch-b: #DAD3C2;

  --font-heading: Fraunces, var(--font-arabic), Georgia, serif;
  --font-body: Manrope, var(--font-arabic), system-ui, sans-serif;

  --sc-gutter: 32px;
  --sc-radius: 2px;
  --sc-radius-sheet: 4px;
  --sc-radius-media: 6px;
  --sc-hover-opacity: 0.62;
  --sc-shadow: 0 12px 32px rgba(27, 26, 22, 0.14);
}

/* Fraunces değişken font: optik boyut başlık puntosunu izlesin. */
.sc-brand, .sc-barTitle, .sc-catName, .sc-rowName, .sc-sheetTitle { font-optical-sizing: auto; }

/* Ana menü: yalnız numara + ad + adet. Görsel bilinçli olarak yok. */
.sc-catMedia { display: none !important; }

/* Ürün satırı: görsel yok; sadece metin. */
.sc-rowMedia { display: none !important; }