/* ========================================================
   DASHT SEO — Design Tokens
   Phase 2 / Step 4 initial extraction
   ======================================================== */

:root {
  --c-primary: #5C8A6A;
  --c-secondary: #8BB8D6;
  --c-accent: #C9B18C;
  --c-success: #10B981;

  --ff-fa: 'Vazirmatn', 'IRANSans', 'Yekan Bakh', 'Dana', 'Shabnam', 'Segoe UI', Tahoma, Arial, sans-serif;
  --ff-serif: 'Georgia', 'Palatino Linotype', 'Book Antiqua', serif;
  --ff-mono: 'Consolas', 'Monaco', 'Courier New', monospace;

  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 100px;

  --ticker-height: 36px;
  --header-sticky-top: 15px;
  --logo-scale: 1;

  --blog-cols: 3;
  --shop-cols: 3;
  --footer-cols: 4;
}

html[data-theme="light"] {
  --bg: #F2EFE8;
  --bg-2: #EAE5DB;
  --ink: #0E1116;
  --ink-soft: #2C3038;
  --ink-mute: #6b6f78;
  --line: rgba(14,17,22,.55);
  --line-soft: rgba(14,17,22,.12);
  --paper: #FFFEFA;
  --topo: rgba(14,17,22,.06);
  --highlight: var(--c-accent);
  --accent-text: #2a2418;
}

html[data-theme="dark"] {
  --bg: #0A0D12;
  --bg-2: #0F1218;
  --ink: #F4EFE3;
  --ink-soft: #d8d2c2;
  --ink-mute: #8b8775;
  --line: rgba(244,239,227,.45);
  --line-soft: rgba(244,239,227,.12);
  --paper: #12161D;
  --topo: rgba(244,239,227,.05);
  --highlight: var(--c-accent);
  --accent-text: #0A0D12;
}