/* Arkan design tokens — source of truth: README.md §4 / BUILD_GUIDE §3 */
:root {
  /* color */
  --burgundy: #6b1d2c;
  --burgundy-dark: #4a1320;
  --maroon: #2a0a12;
  --ink: #1a1614;
  --body: #55504b;
  --body-2: #6b6460;
  --muted: #8a8078;
  --muted-2: #a89f97;
  --cream: #faf7f2;
  --cream-2: #f4efe7;
  --sand: #ede8e0;
  --surface: #fff;
  --well: #efe9df;
  --gold: #e8c98a;
  --gold-2: #c9a24a;
  --rose: #c98a98;
  --ok: #2f8f5b;
  --ok-bg: #e7f4ec;
  --amber: #b8863b;
  --amber-bg: #f7efdf;
  --err: #b5462f;
  --hair: rgba(26, 22, 20, 0.1);
  --hair-soft: rgba(26, 22, 20, 0.08);
  --hair-strong: rgba(26, 22, 20, 0.12);

  /* type */
  --serif: 'Cormorant Garamond', serif;
  --sans: 'Montserrat', sans-serif;
  --serif-ar: 'El Messiri', serif;
  --sans-ar: 'Tajawal', sans-serif;

  /* space / radius / shadow */
  --pad-y: 96px;
  --pad-x: 48px;
  --maxw: 1320px;
  --maxw-narrow: 1200px;
  --r-card: 16px;
  --r-pill: 30px;
  --r-input: 10px;
  --r-chip: 22px;
  --shadow-card: 0 10px 40px rgba(45, 10, 18, 0.05);
  --shadow-lift: 0 16px 50px rgba(45, 10, 18, 0.06);
  --shadow-modal: 0 30px 80px rgba(0, 0, 0, 0.35);

  /* header */
  --header-h: 72px;
}

@media (max-width: 900px) {
  :root {
    --pad-y: 60px;
    --pad-x: 22px;
  }
}