/* AUTOGENERATED from assets/design/tokens.v2.json; do not hand edit. */
html[data-mg-v2-shell="1"][data-theme="dark"] {
  --surface: #050505;
  --surface-raised: #111111;
  --surface-sunken: #000000;
  --ink: #ffffff;
  --ink-muted: #9a9a9a;
  --line: #262626;
  --line-strong: #777777;
  --accent: #8bc05a;
  --on-accent: #050505;
  --accent-ink: #8bc05a;
  --accent-soft: rgba(139,192,90,.14);
  --focus: #8bc05a;
  --danger: #ffb070;
  --success: #8bc05a;
  --scrim: rgba(5,5,5,.92);
}
html[data-mg-v2-shell="1"][data-theme="light"] {
  --surface: #ffffff;
  --surface-raised: #f5f5f2;
  --surface-sunken: #ecece8;
  --ink: #050505;
  --ink-muted: #5c5c5c;
  --line: #e2e2df;
  --line-strong: #777777;
  --accent: #7fb34d;
  --on-accent: #050505;
  --accent-ink: #050505;
  --accent-soft: rgba(127,179,77,.16);
  --focus: #050505;
  --danger: #a34a00;
  --success: #2f6b16;
  --scrim: rgba(255,255,255,.92);
}
html[data-mg-v2-shell="1"] {
  --radius-lg: 24px;
  --mg-header-height: 68px;
  --mg-actionbar-height: 72px;
  --mg-page-gutter: 16px;
  --mg-dur-fast: 150ms;
  --mg-dur-base: 400ms;
  --mg-dur-scene: 750ms;
  --mg-ease-out: cubic-bezier(.2,.7,.2,1);
  --mg-glow-loop: 18s;
  color-scheme: dark;
}
html[data-mg-v2-shell="1"][data-theme="light"] { color-scheme: light; }
@media (min-width: 1024px) { html[data-mg-v2-shell="1"] { --mg-header-height: 96px; --mg-page-gutter: 72px; } }
html[data-mg-v2-shell="1"][lang^="ar"] { --mg-font-locale: var(--font-arabic); }
html[data-mg-v2-shell="1"][lang^="en"] { --mg-font-locale: var(--font-sans); }
html[data-mg-v2-shell="1"] .display-xl, html[data-mg-v2-shell="1"] .display, html[data-mg-v2-shell="1"] .h1, html[data-mg-v2-shell="1"] .h2, html[data-mg-v2-shell="1"] .h3 { font-family: var(--mg-font-locale); }
html[data-mg-v2-shell="1"] .display-xl { font-family: var(--mg-font-locale); font-size: clamp(40px, 5vw, 68px); line-height: 1.12; font-weight: 700; }
html[data-mg-v2-shell="1"] .display { font-family: var(--mg-font-locale); font-size: clamp(34px, 4.3vw, 56px); line-height: 1.15; font-weight: 700; }
html[data-mg-v2-shell="1"] .h1 { font-family: var(--mg-font-locale); font-size: clamp(28px, 3.3vw, 40px); line-height: 1.25; font-weight: 700; }
html[data-mg-v2-shell="1"] .h2 { font-family: var(--mg-font-locale); font-size: clamp(24px, 2.6vw, 30px); line-height: 1.3; font-weight: 700; }
html[data-mg-v2-shell="1"] .h3 { font-family: var(--mg-font-locale); font-size: clamp(20px, 2.1vw, 22px); line-height: 1.4; font-weight: 500; }
html[data-mg-v2-shell="1"] .body-lg { font-family: var(--mg-font-locale); font-size: clamp(16px, 1.55vw, 19px); line-height: 1.75; font-weight: 400; }
html[data-mg-v2-shell="1"] .body { font-family: var(--mg-font-locale); font-size: clamp(16px, 1.2vw, 16px); line-height: 1.75; font-weight: 400; }
html[data-mg-v2-shell="1"] .small { font-family: var(--mg-font-locale); font-size: clamp(13px, 1.15vw, 14px); line-height: 1.6; font-weight: 400; }
html[data-mg-v2-shell="1"] .label { font-family: var(--mg-font-locale); font-size: clamp(15px, 1.2vw, 15px); line-height: 1.4; font-weight: 700; }
html[data-mg-v2-shell="1"] .eyebrow { font-family: var(--mg-font-locale); font-size: clamp(12px, 1.1vw, 13px); line-height: 1.4; font-weight: 500; }
html[data-mg-v2-shell="1"] .price-lg { font-family: var(--font-display); font-size: clamp(30px, 3.2vw, 34px); line-height: 1.1; font-weight: 800; }
html[data-mg-v2-shell="1"] .numeral { font-family: var(--font-display); font-size: clamp(40px, 6.3vw, 88px); line-height: 1; font-weight: 800; }
html[data-mg-v2-shell="1"] .mg-site-header { position: sticky; top: 0; z-index: 50; background: var(--scrim); }
html[data-mg-v2-shell="1"] .mg-shell-account-popover, html[data-mg-v2-shell="1"] .mg-marketing-consent { box-shadow: none; }
html[data-mg-v2-shell="1"] .mg-shell-mega { z-index: 60; }
html[data-mg-v2-shell="1"] :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
html[data-mg-v2-shell="1"] .mg-shell-mobile-language { display: none; } /* language switch already exists inside mobile menu */
html[data-mg-v2-shell="1"] .mg-shell-dialog { z-index: 80; }
html[data-mg-v2-shell="1"] .mg-site-header { transition: background-color var(--mg-dur-fast) var(--mg-ease-out); }
@media (prefers-reduced-motion: reduce) { html[data-mg-v2-shell="1"] *, html[data-mg-v2-shell="1"] *::before, html[data-mg-v2-shell="1"] *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }

/* P1 v1.4 — approved mobile-menu theme control; desktop header control remains unchanged. */
html[data-mg-v2-shell="1"] .mg-shell-mobile-theme-toggle {
  display: inline-flex; align-items: center; justify-content: flex-start;
  gap: var(--space-3); padding: var(--space-2) var(--space-3);
  min-height: var(--tap-min); width: 100%; font: inherit; font-weight: 700;
  border: 1px solid var(--line-strong); border-radius: var(--radius-sm);
  background: var(--surface); color: var(--ink); cursor: pointer;
}
html[data-mg-v2-shell="1"] .mg-shell-mobile-theme-icon::before { content: "☾"; }
html[data-mg-v2-shell="1"][data-theme="light"] .mg-shell-mobile-theme-icon::before { content: "☼"; }
@media (max-width: 900px) {
  html[data-mg-v2-shell="1"] .mg-shell-actions > [data-mg-theme-toggle] { display: none; }
}