/* Mefoar Judaica — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #fcfbf9;
  --surface-cream: #f9f2e9;
  --surface-sand: #f5f2ec;
  --surface-sand-deep: #f4f0e8;
  --ink: #212121;
  --ink-muted: #636262;
  --espresso: #261710;
  --espresso-hover: #382218;
  --primary-fill: var(--espresso);
  --on-primary: #ffffff;
  --logo-brown: #67543e;
  --gold-deep: #86652c;
  --gold: #ab8c52;
  --gold-hover: #806430;
  --crown-gold: #e5c07f;
  --gold-light: #e8d4ae;
  --cream: #f7efe3;
  --border: #908373;
  --border-light: #cbb895;
  --hairline: #f7f4ef;
  --sale-bg: #e9d2c2;
  --error: #721c24;
  --error-bg: #f8d7da;
  --success: #56ad6a;
}
[data-theme="espresso"] {
  --surface: #261710;
  --surface-cream: #382218;
  --surface-sand: #382218;
  --surface-sand-deep: #382218;
  --ink: #f7efe3;
  --ink-muted: #cbb895;
  --espresso: #261710;
  --espresso-hover: #382218;
  --primary-fill: var(--crown-gold);
  --on-primary: #261710;
  --logo-brown: #f7efe3;
  --gold-deep: #e5c07f;
  --gold: #ab8c52;
  --gold-hover: #806430;
  --crown-gold: #e5c07f;
  --gold-light: #e8d4ae;
  --cream: #f7efe3;
  --border: #908373;
  --border-light: #67543e;
  --hairline: #382218;
  --sale-bg: #e9d2c2;
  --error: #f8d7da;
  --error-bg: #721c24;
  --success: #56ad6a;
}
:root {
  --space-btn-sm: 7px;
  --space-btn-md: 10px;
  --gutter-sm: 16px;
  --btn-pad-lg: 18px;
  --gutter-md: 22px;
  --gap: 28px;
  --outer-md: 30px;
  --gutter: 32px;
  --outer: 78px;
  --radius-none: 0px;
  --font-display: "HW Atlantic", "Marcellus", "Bricolage Grotesque", serif;
  --font-sans: sofia-pro, "DM Sans", Karla, sans-serif;
}
.display-xl { font-family: var(--font-display); font-size: 140px; line-height: 0.9; font-weight: 400; }
.display-lg { font-family: var(--font-display); font-size: 90px; line-height: 0.9; font-weight: 400; }
.heading-md { font-family: var(--font-display); font-size: 48px; line-height: 1.2; font-weight: 400; }
.heading-sm { font-family: var(--font-display); font-size: 20px; line-height: 1.2; font-weight: 400; }
.heading-xs { font-family: var(--font-display); font-size: 16px; line-height: 1.2; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 1.375; font-weight: 400; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 1.375; font-weight: 400; }
.subheading { font-family: var(--font-sans); font-size: 14px; line-height: 1.375; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: 0.05em; text-transform: uppercase; }
.nav { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; }
.product-title { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; }
.price { font-family: var(--font-sans); font-size: 12px; line-height: 1.2; font-weight: 700; letter-spacing: 0.037em; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16.5px; font-weight: 400; }