:root {
  /* Brand colors — swapped from the HNST reference system to Mohammadi Saree House's
     actual brand green, sampled from the logo (#2c673d) */
  --color-brand-green: #2c673d;
  --color-brand-green-light: #568564; /* hover / secondary accent */
  --color-brand-green-dark: #235231;  /* pressed / high-contrast on light */

  /* Neutrals — kept from the reference system */
  --color-linen: #ffffff;
  --color-raw-silk: #f9f6f2;
  --color-sand-plaster: #eee5d9;
  --color-charcoal-ink: #0e0e0e;
  --color-stone: #868686;
  --color-ash: #b7b7b7;
  --color-frost: #d7d7d7;
  --color-surface-dark: #1a1a1a; /* card/tile surfaces, one step up from the page's near-black canvas */
  --color-border-dark: rgba(255, 255, 255, 0.12);

  /* Typography */
  --font-raleway: 'Raleway', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-poppins: 'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --text-caption: 11px;
  --leading-caption: 1.25;
  --tracking-caption: 1.69px;

  --text-heading-sm: 20px;
  --leading-heading-sm: 1.2;
  --tracking-heading-sm: 1.82px;

  --text-display: 62px;
  --leading-display: 1.15;
  --tracking-display: 9.55px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Spacing */
  --spacing-4: 4px;
  --spacing-5: 5px;
  --spacing-9: 9px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-15: 15px;
  --spacing-20: 20px;
  --spacing-23: 23px;
  --spacing-40: 40px;
  --spacing-42: 42px;
  --spacing-45: 45px;
  --spacing-75: 75px;
  --spacing-114: 114px;
  --spacing-170: 170px;
  --spacing-185: 185px;

  /* Layout */
  --page-max-width: 1200px;
  --card-padding: 42px;
  --element-gap: 15px;

  /* Border radius */
  --radius-cards: 0px;
  --radius-pills: 9999px;
  --radius-badges: 0px;
  --radius-buttons: 9999px;
}