:root {
  --emerald-900: #032b22;
  --emerald-800: #043f32;
  --emerald-700: #075241;
  --emerald-600: #0b6a52;
  --emerald-100: #e3efe9;
  --emerald-50: #f1f6f3;
  --gold-500: #d6a634;
  --gold-400: #f0c45b;
  --gold-700: #8a6414;
  --gold-100: #fbf0ce;
  --ivory: #fffdf8;
  --paper: #f7f3e8;
  --ink: #10241f;
  --muted: #536660;
  --line: #d6dcd7;
  --danger: #9b2323;
  --danger-bg: #fbe9e7;
  --warn: #7a5200;
  --warn-bg: #fff1cc;
  --ok-bg: #dff1e8;
  --display: "Plus Jakarta Sans", system-ui, "Segoe UI", Arial, sans-serif;
  --sans: "Plus Jakarta Sans", system-ui, "Segoe UI", Arial, sans-serif;
  --arabic: "Reem Kufi", "Noto Kufi Arabic", system-ui, sans-serif;
  --matn: "Amiri", "Noto Naskh Arabic", "Times New Roman", serif;
  --radius: 8px;
  --shadow: 0 8px 28px rgba(0, 43, 34, 0.1);
  --gutter: clamp(16px, 4vw, 40px);
  --maxw: 1240px;
  --focus: 0 0 0 3px var(--ivory), 0 0 0 6px var(--emerald-600);
}