:root {
  /* Zemin */
  --bg:            #FAF8F7;   /* sayfa arka planı, kırık beyaz */
  --surface:       #FFFFFF;   /* kart yüzeyi */
  --surface-alt:   #F4F0F1;

  /* Bordo skalası */
  --brand-50:      #FDF4F6;
  --brand-100:     #F8E3E9;
  --brand-300:     #D98BA0;
  --brand-500:     #A8244A;
  --brand-600:     #8E1D3E;   /* PRIMARY */
  --brand-700:     #6F1530;
  --brand-900:     #430B1D;

  /* Metin */
  --text:          #1B1417;
  --text-muted:    #6E6469;
  --text-invert:   #FFFFFF;

  /* Kenarlık & durum */
  --border:        #ECE5E7;
  --border-strong: #DCD1D5;
  --success:       #17795E;
  --danger:        #B3261E;

  /* Yükseklik */
  --shadow-sm: 0 1px 2px rgba(27, 20, 23, .06);
  --shadow-md: 0 4px 16px rgba(27, 20, 23, .08);

  /* Yarıçap */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-full: 999px;

  /* Spacing (4px tabanlı) */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* Tipografi */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-base: 16px;
  --fs-lg: 20px; --fs-xl: 26px; --fs-2xl: 34px;

  --container: 720px;   /* tek kolon feed genişliği */
}