:root {
  --saarbon-green: #2f4a21;
  --saarbon-gold: #eabd6f;
  --saarbon-white: #ffffff;
  --saarbon-cream: #faf8f2;
  --saarbon-text: #252b22;
  --saarbon-muted: #62675d;
  --saarbon-border: #d9ded3;
  --saarbon-surface: #ffffff;
  --saarbon-surface-alt: #eeeee3;
  --saarbon-accent: #2f4a21;
  --saarbon-on-brand: #ffffff;
  --saarbon-header: rgb(250 248 242 / 95%);
  --saarbon-success: #2f4a21;
  --saarbon-unavailable: #815a21;
  --saarbon-discontinued: #725453;
  --saarbon-font-fa: "IRANSans", Tahoma, Arial, sans-serif;
  --saarbon-font-en: Calibri, Arial, sans-serif;
  --saarbon-space-1: .25rem;
  --saarbon-space-2: .5rem;
  --saarbon-space-3: .75rem;
  --saarbon-space-4: 1rem;
  --saarbon-space-5: 1.5rem;
  --saarbon-space-6: 2rem;
  --saarbon-space-7: 3rem;
  --saarbon-space-8: 4rem;
  --saarbon-space-9: 6rem;
  --saarbon-space-10: 8rem;
  --saarbon-radius-sm: .35rem;
  --saarbon-radius-md: .8rem;
  --saarbon-radius-lg: 1.3rem;
  --saarbon-radius-pill: 999px;
  --saarbon-shadow-sm: 0 2px 8px rgb(47 74 33 / 5%);
  --saarbon-shadow-md: 0 12px 30px rgb(47 74 33 / 9%);
  --saarbon-container: 76rem;
  --saarbon-reading: 46rem;
  --saarbon-text-sm: .875rem;
  --saarbon-text-base: 1rem;
  --saarbon-text-lg: 1.25rem;
  --saarbon-text-xl: 1.75rem;
  --saarbon-text-2xl: clamp(2rem, 5vw, 2.75rem);
  --saarbon-transition: 180ms ease;
  color-scheme: light;
}
:root[data-theme="dark"] {
  --saarbon-cream: #171d17;
  --saarbon-text: #f1f0e8;
  --saarbon-muted: #b8c1b3;
  --saarbon-border: #45503e;
  --saarbon-surface: #222b20;
  --saarbon-surface-alt: #2b3527;
  --saarbon-accent: #c0d6aa;
  --saarbon-header: rgb(23 29 23 / 96%);
  --saarbon-success: #c0d6aa;
  --saarbon-unavailable: #eabd6f;
  --saarbon-discontinued: #d5b6b4;
  --saarbon-shadow-sm: 0 2px 8px rgb(0 0 0 / 15%);
  --saarbon-shadow-md: 0 12px 30px rgb(0 0 0 / 20%);
  color-scheme: dark;
}