/**
 * "Family" tasarım sistemi — theme kit.
 * Storybook/parşömen üslubu: krem kanvas, ince iç-hat (inset) kenarlıklar,
 * düz dolgulu illüstrasyonlar, sakin Inter tipografi + kalın başlık fontu.
 * Şu an sadece landing.htm (anasayfa) bu kiti kullanıyor; ileride başka
 * sayfalar da bu tasarıma taşınabilir.
 */
:root {
  /* Renkler */
  --fam-cream-canvas: #fbfaf9;
  --fam-stone-surface: #f2f0ed;
  --fam-ink-black: #121212;
  --fam-heading-charcoal: #343433;
  --fam-body-brown: #474645;
  --fam-muted-gray: #7e7e7d;
  --fam-stone-border: #e5d5c3;
  --fam-link-blue: #0086fc;
  --fam-sky-blue: #64c6ff;
  --fam-alt-blue: #00b2ff;
  --fam-grass-green: #00c978;
  --fam-mint: #00ca48;
  --fam-ember-orange: #ff3e00;
  --fam-sun-yellow: #ffcd6c;
  --fam-gold: #d48f00;
  --fam-honey: #ffbb26;
  --fam-coral-pink: #ff58ae;
  --fam-plum-violet: #9f4fff;
  --fam-alert-red: #ff2b3a;

  /* Yüzeyler */
  --fam-surface-canvas: #fbfaf9;
  --fam-surface-stone: #f2f0ed;
  --fam-surface-sand: #f6f4ef;
  --fam-surface-white: #ffffff;
  --fam-surface-dark: #121212;
  --fam-surface-black: #000000;

  /* Tipografi — display font (Family yerine geçen: Big Shoulders Display) */
  --fam-font-display: 'Big Shoulders Display', 'Inter', sans-serif;
  --fam-font-body: 'Inter', sans-serif;

  --fam-text-micro: 12px;
  --fam-text-caption: 15px;
  --fam-text-body: 17px;
  --fam-text-subheading: 19px;
  --fam-text-heading: 23px;
  --fam-text-heading-lg: 44px;
  --fam-text-display: 68px;

  /* Aralık (4px taban birim) */
  --fam-space-4: 4px;
  --fam-space-8: 8px;
  --fam-space-12: 12px;
  --fam-space-16: 16px;
  --fam-space-20: 20px;
  --fam-space-24: 24px;
  --fam-space-32: 32px;
  --fam-space-48: 48px;
  --fam-space-80: 80px;

  /* Köşe yarıçapı */
  --fam-radius-nav: 10px;
  --fam-radius-card: 10px;
  --fam-radius-icon: 40px;
  --fam-radius-pill: 9999px;
  --fam-radius-badge: 6px;
  --fam-radius-button: 32px;
  --fam-radius-illustration: 72px;

  /* Gölge / iç-hat kenarlık */
  --fam-border-inset: inset 0 0 0 1px var(--fam-surface-stone);
  --fam-shadow-dark-card: 0 0 24px 0 rgba(0, 0, 0, 0.15);
  --fam-shadow-soft: 0 1px 6px 0 rgba(0, 0, 0, 0.04), 0 0 24px 0 rgba(0, 0, 0, 0.05);
}