/* Rummanah — generated from tokens.json. Edit tokens.json, then regenerate. */
:root {
  --cream-50: #fbf6ef;
  --cream-100: #f4eadd;
  --linen-200: #e8d9c6;
  --ink: #2a1d1b;
  --ink-muted: #6e5a52;
  --pomegranate: #d03d50;
  --pomegranate-deep: #a82c3d;
  --blush: #f8dde1;
  --leaf: #aebc9b;
  --leaf-deep: #5e7448;
  --gold: #c9a45c;
  --white: #ffffff;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-18: 72px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --shadow-soft: 0 8px 24px rgba(42, 29, 27, 0.08);
  --font-hand: Caveat, "Segoe Print", cursive;
  --font-hand-ar: "Aref Ruqaa", "Noto Naskh Arabic", serif;
  --font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;
}
.hand-xl { font-family: var(--font-hand); font-size: 64px; line-height: 64px; font-weight: 700; }
.hand-ar-xl { font-family: var(--font-hand-ar); font-size: 52px; line-height: 84px; font-weight: 700; }
.hand-lg { font-family: var(--font-hand); font-size: 40px; line-height: 44px; font-weight: 600; }
.hand-md { font-family: var(--font-hand); font-size: 28px; line-height: 32px; font-weight: 600; }
.hand-note { font-family: var(--font-hand); font-size: 22px; line-height: 26px; font-weight: 500; }
.body-lg { font-family: var(--font-body); font-size: 18px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 26px; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 600; }
.caption { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 400; }
.overline { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 3px; }

/* Google Fonts: https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Aref+Ruqaa:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;600&display=swap */