/**
 * Nişan Fotoğraf/Video Paylaşım Sistemi — Tasarım Sistemi Token'ları
 * Referans: nisan-fotograf-mimari.md Bölüm 15 & nisan-upload-preview.html
 */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  /* --- Renk Paleti --- */
  --color-bg: #FBF6F1;             /* Ana zemin — sıcak fildişi, kağıt dokulu yumuşak beyaz */
  --color-surface: #FFFFFF;        /* Kart / form / modal yüzeyleri */
  --color-surface-subtle: #F7EDE9; /* Hafif renkli kart zeminleri (eşleşme kutusu vb.) */
  --color-anchor: #6B2A3C;         /* Ana vurgu — derin bordo / mürdüm */
  --color-anchor-deep: #4A1C2A;    /* Koyu bordo — hover / basılı durumlar, başlıklar */
  --color-accent: #C98A94;         /* İkincil vurgu — toz gülü, eyebrow, progress dolgusu */
  --color-gold: #B99257;           /* Şampanya altını — imza ayraç, odak halkası, vurgu ikonları */
  --color-gold-light: #E5D5BC;     /* Şampanya altını açık ton */
  --color-text: #2B1E22;           /* Ana metin — mürdüm alt tonlu derin koyu */
  --color-text-muted: #7A6A6E;     /* İkincil metin, açıklamalar, küçük sayaçlar */
  --color-border: #E8DDD6;         /* Kart kenarlıkları, ayraç çizgileri */
  --color-border-subtle: #EFD8D0;  /* Hafif vurgulu kenarlık */
  --color-success: #5C7A5E;        /* Yumuşak zeytin yeşili onay */
  --color-success-bg: #EEF2ED;     /* Onay kutusu arka planı */
  --color-success-border: #D6E2D6; /* Onay kutusu kenarlık */
  --color-error: #A33D3D;          /* Bordo tonlu hata/uyarı */
  --color-error-bg: #FDF2F2;       /* Hata kutusu arka planı */
  --color-error-border: #F5D3D3;   /* Hata kutusu kenarlık */

  /* --- Tipografi --- */
  --font-display: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-serif: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;
  --font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'IBM Plex Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* --- Tipografi Boyut & Satır Yüksekliği --- */
  --font-size-xs: 11px;
  --font-size-sm: 12.5px;
  --font-size-base: 14.5px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: clamp(24px, 6vw, 28px);
  --font-size-3xl: clamp(27px, 8vw, 34px);

  /* --- Köşe Yuvarlaklıkları (Border Radius) --- */
  --radius-sm: 8px;
  --radius-md: 11px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  /* --- Gölgeler (Shadows) --- */
  --shadow-sm: 0 1px 2px rgba(43, 30, 34, 0.03);
  --shadow-md: 0 4px 12px rgba(43, 30, 34, 0.06);
  --shadow-cta: 0 6px 16px rgba(107, 42, 60, 0.28);
  --shadow-cta-hover: 0 8px 20px rgba(107, 42, 60, 0.34);
  --shadow-modal: 0 16px 40px rgba(43, 30, 34, 0.18);

  /* --- Geçişler & Animasyonlar (Transitions) --- */
  --transition-fast: 0.12s ease;
  --transition-normal: 0.2s ease;
  --transition-smooth: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}