/* OrbImob — generated from tokens.json */
@font-face { font-family: "Maven Pro"; src: url("fonts/MavenPro-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Maven Pro"; src: url("fonts/MavenPro-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Maven Pro"; src: url("fonts/MavenPro-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --brand-600: #0041d9;
  --brand-logo: #004cff;
  --brand-900: #001c5c;
  --brand-800: #0b328e;
  --brand-200: #c9d7f8;
  --brand-100: #e9effb;
  --accent-yellow: #fcc230;
  --accent-orange: #fc5c30;
  --accent-cream: #f8ebc9;
  --accent-olive: #8e690b;
  --success: #16a00a;
  --danger: #a80216;
  --surface-page: #f3f3f6;
  --surface-card: #f9f9f9;
  --surface-panel: #f7f7f7;
  --surface-white: #ffffff;
  --ink: #171e32;
  --ink-secondary: #4d556a;
  --ink-muted: #828794;
  --ink-black: #000000;
  --on-brand: #ffffff;
  --border: #cfd0d4;
  --divider: #e7e7ee;
  --shadow-card: 0 1px 4px rgba(23, 30, 50, 0.12);
  --shadow-float: 0 2px 8px rgba(23, 30, 50, 0.16);
  --shadow-modal: 0 8px 32px rgba(23, 30, 50, 0.24);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --header-height: 56px;
  --control-height: 40px;
  --sidebar-width: 256px;
  --container-width: 1312px;
  --font-sans: "Maven Pro", system-ui, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 700; }
.promo { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 700; }
.price-lg { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 500; }
.h1 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 500; }
.h2 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 400; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 500; }
.body-lg { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 1.5px; }