/* ================================================================
   Meryemcee Home — Design Tokens
   Kaynak: design/handoff/README.md
   ================================================================ */

:root {
  /* === Marka renkleri === */
  --mc-purple:       #6C3188;
  --mc-purple-dark:  #3E1A52;
  --mc-purple-mid:   #7A3A99;
  --mc-purple-tint:  #F3EAF7;
  --mc-purple-line:  #EADFF0;
  --mc-purple-soft:  #D9C8E2;
  --mc-coupon-border:#B98ACF;

  /* === Zemin / Yüzey === */
  --mc-bg:      #FBF8FC;
  --mc-surface: #FFFFFF;

  /* === Metin === */
  --mc-ink:   #2A1E30;
  --mc-ink-2: #5A4E62;
  --mc-ink-3: #6E6275;
  --mc-ink-4: #9A8FA0;

  /* === Vurgu === */
  --mc-red:      #C1272D;
  --mc-wa:       #128C4A;
  --mc-wa-light: #8FE3B0;

  /* === Stok rozeti === */
  --mc-stock-bg: #E3F3EA;
  --mc-stock-fg: #0E6B39;

  /* === Tipografi === */
  --font-title: 'Young Serif', Georgia, serif;
  --font-body:  'Figtree', system-ui, sans-serif;
  --font-mono:  'JetBrains Mono', 'Courier New', monospace;

  /* === Radius === */
  --r-pill:   9999px;
  --r-block:  24px;
  --r-card:   20px;
  --r-input:  14px;
  --r-badge:  12px;
  --r-thumb:  11px;
  --r-circle: 50%;

  /* === Gölge === */
  --shadow-calc:  0 10px 30px -18px rgba(62,26,82,.35);
  --shadow-bar:   0 -8px 20px -12px rgba(62,26,82,.25);
  --shadow-wa:    0 10px 24px -8px rgba(18,140,74,.6);
  --shadow-badge: 0 12px 30px -12px rgba(42,30,48,.4);

  /* === Layout === */
  --container:    1600px;
  --container-sm: 1120px;
  --gap-grid:     12px;
  --pad-page:     clamp(12px, 3vw, 32px);
  --gap-section:  clamp(28px, 5vw, 56px);

  /* === Dokunma hedefi === */
  --touch-min: 44px;
}