/* Noor & Ink — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #f7f1e6;
  --paper-raised: #fffaf2;
  --blush: #ead7d3;
  --ink: #2a1a24;
  --ink-muted: #6b5560;
  --plum: #5b2a4a;
  --plum-deep: #3b1830;
  --on-plum: #f7f1e6;
  --olive: #55623a;
  --gold: #b08a3e;
  --gold-ink: #86662a;
  --hairline: #d9cbb3;
  --field-border: #8f7a84;
  --error: #9b2c2c;
  --scrim: rgba(27, 12, 22, 0.55);
  --shadow-card: 0 1px 2px rgba(42, 26, 36, 0.06), 0 8px 24px rgba(42, 26, 36, 0.08);
  --shadow-seal: 0 2px 0 rgba(0, 0, 0, 0.15), 0 6px 14px rgba(59, 24, 48, 0.35);
}
[data-theme="dark"] {
  --paper: #1a1117;
  --paper-raised: #241820;
  --blush: #3a2532;
  --ink: #f3ead9;
  --ink-muted: #bba9b0;
  --plum: #d3a6c1;
  --plum-deep: #0f090d;
  --on-plum: #1a1117;
  --olive: #b6c48c;
  --gold: #c9a456;
  --gold-ink: #d9b56a;
  --hairline: #4a3542;
  --field-border: #8e7a85;
  --error: #f08a8a;
  --scrim: rgba(10, 5, 8, 0.6);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-seal: 0 2px 0 rgba(0, 0, 0, 0.15), 0 6px 14px rgba(59, 24, 48, 0.35);
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --paper: #1a1117;
  --paper-raised: #241820;
  --blush: #3a2532;
  --ink: #f3ead9;
  --ink-muted: #bba9b0;
  --plum: #d3a6c1;
  --plum-deep: #0f090d;
  --on-plum: #1a1117;
  --olive: #b6c48c;
  --gold: #c9a456;
  --gold-ink: #d9b56a;
  --hairline: #4a3542;
  --field-border: #8e7a85;
  --error: #f08a8a;
  --scrim: rgba(10, 5, 8, 0.6);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-seal: 0 2px 0 rgba(0, 0, 0, 0.15), 0 6px 14px rgba(59, 24, 48, 0.35);
}}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 96px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-arch: 999px;
  --radius-pill: 999px;
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-arabic-display: "Aref Ruqaa", "Amiri", "Noto Naskh Arabic", serif;
  --font-body: "Jost", "Helvetica Neue", Arial, sans-serif;
  --font-arabic-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", Tahoma, sans-serif;
}
.names-xl { font-family: var(--font-display); font-size: 64px; line-height: 1; font-weight: 500; font-style: italic; }
.title { font-family: var(--font-display); font-size: 36px; line-height: 1.1; font-weight: 500; }
.numeral { font-family: var(--font-display); font-size: 44px; line-height: 1; font-weight: 500; }
.eyebrow { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.18em; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 26px; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 13px; line-height: 20px; font-weight: 400; }
.ar-names-xl { font-family: var(--font-arabic-display); font-size: 60px; line-height: 1.3; font-weight: 400; }
.ar-title { font-family: var(--font-arabic-body); font-size: 30px; line-height: 1.5; font-weight: 600; }
.ar-body { font-family: var(--font-arabic-body); font-size: 17px; line-height: 30px; font-weight: 400; }