/* Badals design tokens. Generated from the Badals design system (tokens.json).
   To switch design systems, replace this file (same variable names). */
:root {
  --badals-orange: #f6921e;
  --badals-flame: #f05a28;
  --badals-ink: #231f20;
  --badals-white: #ffffff;
  --primary: var(--badals-orange);
  --primary-active: var(--badals-flame);
  --on-primary: var(--badals-ink);
  --primary-tint: #fff3e6;
  --accent-strong: var(--badals-flame);
  --canvas: #ffffff;
  --surface-soft: #f7f7f7;
  --surface-dark: #000000;
  --surface-elevated: var(--badals-ink);
  --hairline: #cccccc;
  --hairline-strong: #5e5e5e;
  --ink: #231f20;
  --body: #3a3536;
  --mute: #707070;
  --stone: #898989;
  --ash: #a7a7a7;
  --on-dark: #ffffff;
  --on-dark-mute: rgba(255,255,255,0.7);
  --focus: var(--badals-flame);
  --link-underline: var(--badals-orange);
  --error: #c41c1c;
  --error-deep: #650b0b;
  --error-pale: #fde8e8;
  --success: #367300;
  --success-pale: #eaf5dd;
  --warning: #8a5a00;
  --warning-pale: #feeeb2;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-chapter-x: 48px;
  --space-section: 64px;
  --space-hero: 80px;
  --radius-none: 0px;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-icon: 22%;
  --radius-full: 9999px;
  --shadow-sticky: 0 0 5px 0 rgba(0,0,0,0.3);
  --size-dot: 8px;
  --size-control: 44px;
  --size-search: 40px;
  --size-utility-bar: 32px;
  --size-nav: 64px;
  --size-breadcrumb: 48px;
  --size-subnav: 56px;
  --size-container: 1280px;
  --font-sans: "Poppins", "GE SS Two", Arial, sans-serif;
  --font-arabic: "Badals Digits", "GE SS Two", "Poppins", Tahoma, sans-serif;
}
@media (prefers-color-scheme: dark) {
 :root:not([data-theme="light"]) {
  --primary-tint: #2e1f10;
  --accent-strong: var(--badals-orange);
  --canvas: #000000;
  --surface-soft: #231f20;
  --hairline: #3a3536;
  --ink: #ffffff;
  --body: #d9d5d5;
  --mute: #a7a3a4;
  --focus: var(--badals-orange);
  --error: #ff6b6b;
  --error-pale: #3a1414;
  --success: #8fd14f;
  --success-pale: #1c2a10;
  --warning: #f5c451;
  --warning-pale: #3a2e05;
 }
}
:root[data-theme="dark"] {
  --primary-tint: #2e1f10;
  --accent-strong: var(--badals-orange);
  --canvas: #000000;
  --surface-soft: #231f20;
  --hairline: #3a3536;
  --ink: #ffffff;
  --body: #d9d5d5;
  --mute: #a7a3a4;
  --focus: var(--badals-orange);
  --error: #ff6b6b;
  --error-pale: #3a1414;
  --success: #8fd14f;
  --success-pale: #1c2a10;
  --warning: #f5c451;
  --warning-pale: #3a2e05;
}
@font-face { font-family: "GE SS Two"; src: url("../assets/fonts/GESSTwo-Light.otf") format("opentype"); font-weight: 300; font-display: swap; }
/* Arabic text uses Western digits drawn in Poppins, so numbers in sentences
   match the prices (GE SS Two would draw them as Arabic-Indic digits). */
@font-face { font-family: "Badals Digits"; src: url("../assets/fonts/poppins-digits-300.woff2") format("woff2"); font-weight: 100 350; font-display: swap; unicode-range: U+0030-0039, U+0025, U+002C, U+002E; }
@font-face { font-family: "Badals Digits"; src: url("../assets/fonts/poppins-digits-400.woff2") format("woff2"); font-weight: 351 500; font-display: swap; unicode-range: U+0030-0039, U+0025, U+002C, U+002E; }
@font-face { font-family: "Badals Digits"; src: url("../assets/fonts/poppins-digits-600.woff2") format("woff2"); font-weight: 501 900; font-display: swap; unicode-range: U+0030-0039, U+0025, U+002C, U+002E; }