:root {
  --sam-ink: #0e1b10;
  --sam-ink-muted: #5c675d;
  --sam-primary: #1f3f28;
  --sam-primary-soft: #517259;
  --sam-primary-ink: #ffffff;
  --sam-accent: #b37d38;
  --sam-accent-soft: #dbb788;
  --sam-surface: #faf6ef;
  --sam-surface-alt: #f2ece1;
  --sam-border: #d1cbc0;
  --sam-display: "Jost", system-ui, sans-serif;
  --sam-display-ar: "Almarai", system-ui, sans-serif;
  --sam-body: "Inter", system-ui, sans-serif;
  --sam-body-ar: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --sam-tracking: 0.22em;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --sam-surface: #0d150f;
    --sam-surface-alt: #172119;
    --sam-ink: #f2f0ea;
    --sam-ink-muted: #a9aca3;
    --sam-primary: #84b28f;
    --sam-accent: #d5a870;
    --sam-border: #2f3831;
    --sam-primary-ink: #0d150f;
    --sam-primary-soft: #62846a;
    --sam-accent-soft: #a27f52;
  }
}

:root[data-theme="dark"] {
  --sam-surface: #0d150f;
  --sam-surface-alt: #172119;
  --sam-ink: #f2f0ea;
  --sam-ink-muted: #a9aca3;
  --sam-primary: #84b28f;
  --sam-accent: #d5a870;
  --sam-border: #2f3831;
  --sam-primary-ink: #0d150f;
  --sam-primary-soft: #62846a;
  --sam-accent-soft: #a27f52;
}