:root {
  --color-brand: #c84b3a;
  --color-brand-hover: #9d3428;
  --color-bg: #f3efe6;
  --color-surface: #fbf8f3;
  --color-text: #1e1a16;
  --color-muted: #5e564e;
  --color-border: #e4d9cc;
  --color-success: #1d6b45;
  --color-warning: #8a5a12;
  --color-error: #9e2b2b;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 36px;
  --radius: 16px;
  --shadow: 0 18px 40px rgba(30, 26, 22, 0.06);
  --container: 1120px;
  --header: 72px;
  --transition: 160ms ease;
  --font-serif: "Source Serif 4", "Iowan Old Style", Palatino, Georgia, serif;
  --font-sans: "Source Sans 3", "Segoe UI", sans-serif;
  --bg: var(--color-bg);
  --paper: var(--color-surface);
  --ink: var(--color-text);
  --ink-soft: var(--color-muted);
  --line: var(--color-border);
  --line-strong: #cfc3b4;
  --coral: var(--color-brand);
  --coral-deep: var(--color-brand-hover);
  --coral-soft: #f6e4df;
  --ok: var(--color-success);
  --ok-soft: #e5f2ea;
  --serif: var(--font-serif);
  --sans: var(--font-sans);
  --measure: 68ch;
}
html[dir="rtl"] {
  --serif: "IBM Plex Sans Arabic", "Source Sans 3", sans-serif;
  --sans: "IBM Plex Sans Arabic", "Source Sans 3", sans-serif;
}