/* GENERATED by infra/site/build_site.py from admin/src/theme/tokens.g.css (itself generated from docs/05-design-system.md) — do not edit. Light by default, dark on prefers-color-scheme (05 §3). */
:root {
  color-scheme: light dark;
  --font-ar: 'Almarai', 'Cairo', system-ui, sans-serif;
  --font-num: 'Archivo', 'Inter', 'Almarai', system-ui, sans-serif;
  --sem-size-tabbar-height: 76px;
  --sem-size-tabbar-bottom-inset: 12px;
  --sem-size-hazardbar-screen: 10px;
  --sem-size-hazardbar-doc: 14px;
  --sem-size-hazardbar-stripe: 3px;
  --sem-size-hazardbar-email: 8px;
  --sem-size-grabber-width: 38px;
  --sem-size-grabber-height: 4px;
  --sem-type-numeric-lg-family: var(--font-num);
  --sem-type-numeric-lg-weight: 700;
  --sem-type-numeric-lg-size: 15px;
  --sem-type-numeric-lg-line: 1;
  --sem-space-hair: 2px;
  --sem-space-xxs: 4px;
  --sem-space-xs: 8px;
  --sem-space-sm: 10px;
  --sem-space-md: 14px;
  --sem-space-lg: 18px;
  --sem-space-gutter: 22px;
  --sem-space-xl: 26px;
  --sem-size-touch-min: 44px;
  --sem-size-button-md: 52px;
  --sem-size-button-lg: 56px;
  --sem-size-button-craftsman: 58px;
  --sem-size-button-sm: 44px;
  --sem-size-field: 50px;
  --sem-size-row-day: 60px;
  --sem-size-chip-sm: 30px;
  --sem-size-chip-md: 34px;
  --sem-size-fab: 46px;
  --sem-radius-xs: 4px;
  --sem-radius-sm: 8px;
  --sem-radius-md: 10px;
  --sem-radius-lg: 12px;
  --sem-radius-xl: 14px;
  --sem-radius-sheet: 22px;
  --sem-radius-fab: 26px;
  --sem-radius-pill: 999px;
  --sem-radius-device: 40px;
  --sem-type-display-family: var(--font-ar);
  --sem-type-display-weight: 800;
  --sem-type-display-size: 26px;
  --sem-type-display-line: 1.4;
  --sem-type-title-xl-family: var(--font-ar);
  --sem-type-title-xl-weight: 800;
  --sem-type-title-xl-size: 27px;
  --sem-type-title-xl-line: 1.35;
  --sem-type-title-lg-family: var(--font-ar);
  --sem-type-title-lg-weight: 800;
  --sem-type-title-lg-size: 22px;
  --sem-type-title-lg-line: 1.35;
  --sem-type-title-family: var(--font-ar);
  --sem-type-title-weight: 800;
  --sem-type-title-size: 17px;
  --sem-type-title-line: 1.5;
  --sem-type-title-sm-family: var(--font-ar);
  --sem-type-title-sm-weight: 800;
  --sem-type-title-sm-size: 15px;
  --sem-type-title-sm-line: 1.5;
  --sem-type-body-lg-family: var(--font-ar);
  --sem-type-body-lg-weight: 400;
  --sem-type-body-lg-size: 15px;
  --sem-type-body-lg-line: 1.7;
  --sem-type-body-family: var(--font-ar);
  --sem-type-body-weight: 400;
  --sem-type-body-size: 13.5px;
  --sem-type-body-line: 1.85;
  --sem-type-label-strong-family: var(--font-ar);
  --sem-type-label-strong-weight: 700;
  --sem-type-label-strong-size: 12.5px;
  --sem-type-label-strong-line: 1.4;
  --sem-type-label-family: var(--font-ar);
  --sem-type-label-weight: 400;
  --sem-type-label-size: 12px;
  --sem-type-label-line: 1.8;
  --sem-type-caption-family: var(--font-ar);
  --sem-type-caption-weight: 400;
  --sem-type-caption-size: 11.5px;
  --sem-type-caption-line: 1.85;
  --sem-type-micro-family: var(--font-ar);
  --sem-type-micro-weight: 700;
  --sem-type-micro-size: 10px;
  --sem-type-micro-line: 1.4;
  --sem-type-button-family: var(--font-ar);
  --sem-type-button-weight: 800;
  --sem-type-button-size: 15px;
  --sem-type-button-line: 1;
  --sem-type-numeric-family: var(--font-num);
  --sem-type-numeric-weight: 600;
  --sem-type-numeric-size: 12.5px;
  --sem-type-numeric-sm-family: var(--font-num);
  --sem-type-numeric-sm-weight: 700;
  --sem-type-numeric-sm-size: 10.5px;
  --sem-motion-duration-fast: 350ms;
  --sem-motion-duration-base: 450ms;
  --sem-motion-duration-slow: 550ms;
  --sem-motion-easing-standard: cubic-bezier(.22,.9,.3,1);
  --sem-motion-easing-fade: ease;
  --sem-motion-easing-overshoot: cubic-bezier(.2,1.3,.4,1);
  --sem-motion-stagger-item: 60ms;
}
:root {
  color-scheme: light;
  --sem-surface-page: #F5F4F0;
  --sem-surface-raised: #FFFFFF;
  --sem-surface-sunken: #EDEAE2;
  --sem-surface-subtle: #E8E6E0;
  --sem-surface-inverse: #0D0D0D;
  --sem-surface-on-inverse: #2A2A27;
  --sem-surface-notice: #FFF8E0;
  --sem-surface-disabled: #DCD9D0;
  --sem-surface-sheet: rgba(245,244,240,.94);
  --sem-surface-scrim: rgba(13,13,13,.55);
  --sem-text-primary: #0D0D0D;
  --sem-text-secondary: #3D3D3A;
  --sem-text-tertiary: #6B6A65;
  --sem-text-placeholder: #6B6A65;
  --sem-text-disabled: #6B6A65;
  --sem-text-on-action: #0D0D0D;
  --sem-text-on-inverse: #F5F4F0;
  --sem-text-link: #0D0D0D;
  --sem-action-bg: #FFC800;
  --sem-action-fg: #0D0D0D;
  --sem-action-bg-pressed: #D9A900;
  --sem-action-secondary-bg: #0D0D0D;
  --sem-action-secondary-fg: #F5F4F0;
  --sem-action-ghost-border: #0D0D0D;
  --sem-action-ghost-fg: #0D0D0D;
  --sem-border-hairline: #DCD9D0;
  --sem-border-default: #C8C4B9;
  --sem-border-control: #0D0D0D;
  --sem-border-focus: #0D0D0D;
  --sem-status-success-fg: #0F6B4B;
  --sem-status-success-bg: #0F6B4B;
  --sem-status-success-on-bg: #FFFFFF;
  --sem-status-success-subtle-bg: #E6F0EA;
  --sem-status-danger-fg: #D32011;
  --sem-status-danger-bg: #D32011;
  --sem-status-danger-on-bg: #FFFFFF;
  --sem-status-danger-subtle-bg: #FFFFFF;
  --sem-status-neutral-bg: #EDEAE2;
  --sem-status-neutral-fg: #3D3D3A;
  --sem-status-emergency-bg: #FFC800;
  --sem-status-emergency-fg: #0D0D0D;
  --sem-brand-wordmark: #0D0D0D;
  --sem-brand-mark: #0D0D0D;
  --sem-brand-mark-accent: #FFC800;
  --sem-map-canvas: #12120F;
  --sem-map-road: #24241F;
  --sem-map-road-major: #2F2E27;
  --sem-map-road-edge: #3A392F;
  --sem-map-green: #171D16;
  --sem-map-bubble-bg: #FFC800;
  --sem-map-bubble-fg: #0D0D0D;
  --sem-map-bubble-ring: rgba(255,200,0,.16);
  --sem-map-label-fg: #FFFFFF;
  --sem-map-control-bg: #1C1C19;
  --sem-map-chip-fg: #EDEAE2;
  --sem-map-chip-border: rgba(255,255,255,.16);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --sem-surface-page: #0D0D0D;
    --sem-surface-raised: #161616;
    --sem-surface-sunken: #24241F;
    --sem-surface-subtle: #1C1C19;
    --sem-surface-inverse: #161616;
    --sem-surface-on-inverse: #24241F;
    --sem-surface-notice: #26210C;
    --sem-surface-disabled: #2F2E27;
    --sem-surface-sheet: rgba(22,22,22,.94);
    --sem-surface-scrim: rgba(13,13,13,.72);
    --sem-text-primary: #F5F4F0;
    --sem-text-secondary: #DCD9D0;
    --sem-text-tertiary: #9A988F;
    --sem-text-placeholder: #9A988F;
    --sem-text-disabled: #8A8880;
    --sem-text-on-action: #0D0D0D;
    --sem-text-on-inverse: #F5F4F0;
    --sem-text-link: #F5F4F0;
    --sem-action-bg: #FFC800;
    --sem-action-fg: #0D0D0D;
    --sem-action-bg-pressed: #D9A900;
    --sem-action-secondary-bg: #F5F4F0;
    --sem-action-secondary-fg: #0D0D0D;
    --sem-action-ghost-border: #F5F4F0;
    --sem-action-ghost-fg: #F5F4F0;
    --sem-border-hairline: #2F2E27;
    --sem-border-default: #3A392F;
    --sem-border-control: #6B6A65;
    --sem-border-focus: #FFC800;
    --sem-status-success-fg: #34C08A;
    --sem-status-success-bg: #34C08A;
    --sem-status-success-on-bg: #0D0D0D;
    --sem-status-success-subtle-bg: #161616;
    --sem-status-danger-fg: #F0503F;
    --sem-status-danger-bg: #F0503F;
    --sem-status-danger-on-bg: #0D0D0D;
    --sem-status-danger-subtle-bg: #161616;
    --sem-status-neutral-bg: #24241F;
    --sem-status-neutral-fg: #DCD9D0;
    --sem-status-emergency-bg: #FFC800;
    --sem-status-emergency-fg: #0D0D0D;
    --sem-brand-wordmark: #F5F4F0;
    --sem-brand-mark: #F5F4F0;
    --sem-brand-mark-accent: #FFC800;
    --sem-map-canvas: #12120F;
    --sem-map-road: #24241F;
    --sem-map-road-major: #2F2E27;
    --sem-map-road-edge: #3A392F;
    --sem-map-green: #171D16;
    --sem-map-bubble-bg: #FFC800;
    --sem-map-bubble-fg: #0D0D0D;
    --sem-map-bubble-ring: rgba(255,200,0,.16);
    --sem-map-label-fg: #FFFFFF;
    --sem-map-control-bg: #1C1C19;
    --sem-map-chip-fg: #EDEAE2;
    --sem-map-chip-border: rgba(255,255,255,.16);
  }
}