/* VORA Digital Design Tokens */
:root {
  /* Brand core */
  --vora-green: #2F3B2A;
  --vora-green-deep: #232D1F;
  --vora-green-soft: #4A5A42;
  --vora-gold: #B89B7A;
  --vora-gold-warm: #C9AE8B;
  --vora-gold-deep: #9E8262;

  /* Light surfaces */
  --ivory: #F7F2EA;
  --ivory-warm: #FBF8F2;
  --sand: #EDE4D3;
  --sage-line: #E2D9C6;
  --paper: #FFFFFF;

  /* Text */
  --ink: #1F1F1A;
  --ink-mute: #5B5B52;
  --ink-soft: #8A8878;

  /* Semantic */
  --success: #4A6B3E;
  --warn: #C68A3A;
  --danger: #A0503E;

  /* Radii + shadows */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 999px;

  --sh-1: 0 1px 2px rgba(35, 45, 31, .06), 0 2px 8px rgba(35, 45, 31, .04);
  --sh-2: 0 6px 24px rgba(35, 45, 31, .08), 0 1px 3px rgba(35, 45, 31, .05);
  --sh-3: 0 24px 60px rgba(35, 45, 31, .12), 0 4px 12px rgba(35, 45, 31, .06);

  /* Type */
  --f-serif: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --f-body: "Tajawal", "Inter", system-ui, -apple-system, sans-serif;
  --f-body-en: "Inter", "Tajawal", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--f-body);
  color: var(--ink);
  background: var(--ivory);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Utility */
.vora-serif { font-family: var(--f-serif); font-weight: 500; letter-spacing: .02em; }
.vora-eyebrow {
  font-family: var(--f-body-en);
  font-size: 11px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--vora-gold-deep);
  font-weight: 500;
}
.vora-divider {
  display: flex; align-items: center; gap: 12px;
  color: var(--vora-gold);
}
.vora-divider::before, .vora-divider::after {
  content: ""; flex: 1; height: 1px; background: var(--vora-gold);
  opacity: .35;
}