/* hba-brand 0.6.0. Generated from tokens/: do not edit. INTERIM values: not client-approved. */

:root {
  --hba-space-1: 4px;
  --hba-space-2: 8px;
  --hba-space-3: 12px;
  --hba-space-4: 16px;
  --hba-space-5: 24px;
  --hba-space-6: 32px;
  --hba-space-7: 48px;
  --hba-space-8: 64px;
  --hba-space-9: 96px;
  --hba-size-touch: 44px;
  --hba-size-touch-worker: 56px;
  --hba-size-page-min: 360px;
  --hba-size-content-max: 1180px;
  --hba-radius-control: 6px;
  --hba-radius-card: 10px;
  --hba-radius-sheet: 16px;
  --hba-font-family-sans: "Noto Sans", "Noto Sans Arabic", system-ui, Arial, sans-serif;
  --hba-font-weight-regular: 400;
  --hba-font-weight-bold: 700;
  --hba-border-thin: 1px;
  --hba-border-thick: 2px;
  --hba-focus-width: 3px;
  --hba-focus-offset: 2px;
  --hba-icon-small: 16px;
  --hba-icon-medium: 20px;
  --hba-icon-large: 24px;
  --hba-icon-worker: 32px;
  --hba-breakpoint-phone: 360px;
  --hba-breakpoint-phone-large: 390px;
  --hba-breakpoint-tablet: 820px;
  --hba-breakpoint-desktop: 1180px;
  --hba-duration-fast: 120ms;
  --hba-duration-base: 200ms;
  --hba-elevation-card: 0px 1px 2px 0px #00000014;
  --hba-elevation-dialog: 0px 8px 24px 0px #00000033;
  --hba-type-size-small: 14px;
  --hba-type-size-body: 16px;
  --hba-type-size-input: 16px;
  --hba-type-size-large: 18px;
  --hba-type-size-h3: 20px;
  --hba-type-size-h2: 24px;
  --hba-type-size-h1: 30px;
  --hba-type-size-worker: 20px;
  --hba-type-leading-body: 1.5;
  --hba-type-leading-heading: 1.25;
}

:lang(ar) {
  --hba-type-size-small: 15px;
  --hba-type-size-body: 17px;
  --hba-type-size-input: 17px;
  --hba-type-size-large: 19px;
  --hba-type-size-h3: 21px;
  --hba-type-size-h2: 25px;
  --hba-type-size-h1: 30px;
  --hba-type-size-worker: 21px;
  --hba-type-leading-body: 1.7;
  --hba-type-leading-heading: 1.4;
}

:lang(en) {
  --hba-type-size-small: 14px;
  --hba-type-size-body: 16px;
  --hba-type-size-input: 16px;
  --hba-type-size-large: 18px;
  --hba-type-size-h3: 20px;
  --hba-type-size-h2: 24px;
  --hba-type-size-h1: 30px;
  --hba-type-size-worker: 20px;
  --hba-type-leading-body: 1.5;
  --hba-type-leading-heading: 1.25;
}

:root {
  color-scheme: light;
  --hba-text-primary: #161616;
  --hba-text-muted: #5f6470;
  --hba-surface-page: #ffffff;
  --hba-surface-alt: #f4f6f8;
  --hba-surface-raised: #ffffff;
  --hba-surface-selected: #efe6f6;
  --hba-line-decorative: #d8dde5;
  --hba-line-control: #717986;
  --hba-line-control-hover: #5f6470;
  --hba-action-primary: #652c8f;
  --hba-action-on-primary: #ffffff;
  --hba-action-link: #652c8f;
  --hba-action-primary-hover: #572679;
  --hba-action-primary-pressed: #4a1f6b;
  --hba-action-secondary-text: #652c8f;
  --hba-action-secondary-border: #652c8f;
  --hba-action-secondary-hover-surface: #f4f6f8;
  --hba-action-danger: #c8102e;
  --hba-action-on-danger: #ffffff;
  --hba-action-danger-hover: #9b0c23;
  --hba-action-danger-pressed: #7d0a1c;
  --hba-action-secondary-pressed-surface: #d8dde5;
  --hba-focus-ring: #652c8f;
  --hba-brand-accent: #ed1e3a;
  --hba-status-danger: #c8102e;
  --hba-status-success: #00702f;
  --hba-status-warning: #8a5a00;
  --hba-status-info: #1d5f99;
  --hba-status-danger-soft: #fdecee;
  --hba-status-success-soft: #e6f4ec;
  --hba-status-warning-soft: #fbf1dc;
  --hba-status-info-soft: #e8f0f8;
  --hba-overlay-scrim: #00000099;
  --hba-overlay-on-scrim: #ffffff;
  --hba-control-disabled-surface: #d8dde5;
  --hba-control-disabled-text: #5f6470;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  color-scheme: dark;
  --hba-text-primary: #f5f7fb;
  --hba-text-muted: #b8c0cc;
  --hba-surface-page: #101216;
  --hba-surface-alt: #1a1f27;
  --hba-surface-raised: #222833;
  --hba-surface-selected: #2d2340;
  --hba-line-decorative: #303844;
  --hba-line-control: #717986;
  --hba-line-control-hover: #b8c0cc;
  --hba-action-primary: #bb96e3;
  --hba-action-on-primary: #101216;
  --hba-action-link: #bb96e3;
  --hba-action-primary-hover: #c9abea;
  --hba-action-primary-pressed: #d8c3f0;
  --hba-action-secondary-text: #bb96e3;
  --hba-action-secondary-border: #bb96e3;
  --hba-action-secondary-hover-surface: #1a1f27;
  --hba-action-danger: #ff6b6b;
  --hba-action-on-danger: #101216;
  --hba-action-danger-hover: #ff8a8a;
  --hba-action-danger-pressed: #ffa8a8;
  --hba-action-secondary-pressed-surface: #303844;
  --hba-focus-ring: #bb96e3;
  --hba-brand-accent: #ed1e3a;
  --hba-status-danger: #ff6b6b;
  --hba-status-success: #4cc38a;
  --hba-status-warning: #e0a83e;
  --hba-status-info: #8fb9e6;
  --hba-status-danger-soft: #3a1a1f;
  --hba-status-success-soft: #12301f;
  --hba-status-warning-soft: #33280f;
  --hba-status-info-soft: #16283c;
  --hba-overlay-scrim: #00000099;
  --hba-overlay-on-scrim: #ffffff;
  --hba-control-disabled-surface: #303844;
  --hba-control-disabled-text: #b8c0cc;
}
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --hba-text-primary: #f5f7fb;
  --hba-text-muted: #b8c0cc;
  --hba-surface-page: #101216;
  --hba-surface-alt: #1a1f27;
  --hba-surface-raised: #222833;
  --hba-surface-selected: #2d2340;
  --hba-line-decorative: #303844;
  --hba-line-control: #717986;
  --hba-line-control-hover: #b8c0cc;
  --hba-action-primary: #bb96e3;
  --hba-action-on-primary: #101216;
  --hba-action-link: #bb96e3;
  --hba-action-primary-hover: #c9abea;
  --hba-action-primary-pressed: #d8c3f0;
  --hba-action-secondary-text: #bb96e3;
  --hba-action-secondary-border: #bb96e3;
  --hba-action-secondary-hover-surface: #1a1f27;
  --hba-action-danger: #ff6b6b;
  --hba-action-on-danger: #101216;
  --hba-action-danger-hover: #ff8a8a;
  --hba-action-danger-pressed: #ffa8a8;
  --hba-action-secondary-pressed-surface: #303844;
  --hba-focus-ring: #bb96e3;
  --hba-brand-accent: #ed1e3a;
  --hba-status-danger: #ff6b6b;
  --hba-status-success: #4cc38a;
  --hba-status-warning: #e0a83e;
  --hba-status-info: #8fb9e6;
  --hba-status-danger-soft: #3a1a1f;
  --hba-status-success-soft: #12301f;
  --hba-status-warning-soft: #33280f;
  --hba-status-info-soft: #16283c;
  --hba-overlay-scrim: #00000099;
  --hba-overlay-on-scrim: #ffffff;
  --hba-control-disabled-surface: #303844;
  --hba-control-disabled-text: #b8c0cc;
}

:root[data-contrast="high"] {
  color-scheme: light;
  --hba-text-primary: #000000;
  --hba-text-muted: #000000;
  --hba-surface-page: #ffffff;
  --hba-surface-alt: #ffffff;
  --hba-surface-raised: #ffffff;
  --hba-surface-selected: #efe6f6;
  --hba-line-decorative: #000000;
  --hba-line-control: #000000;
  --hba-line-control-hover: #000000;
  --hba-action-primary: #652c8f;
  --hba-action-on-primary: #ffffff;
  --hba-action-link: #652c8f;
  --hba-action-primary-hover: #572679;
  --hba-action-primary-pressed: #4a1f6b;
  --hba-action-secondary-text: #000000;
  --hba-action-secondary-border: #000000;
  --hba-action-secondary-hover-surface: #f4f6f8;
  --hba-action-danger: #9b0c23;
  --hba-action-on-danger: #ffffff;
  --hba-action-danger-hover: #7d0a1c;
  --hba-action-danger-pressed: #7d0a1c;
  --hba-action-secondary-pressed-surface: #d8dde5;
  --hba-focus-ring: #000000;
  --hba-brand-accent: #ed1e3a;
  --hba-status-danger: #9b0c23;
  --hba-status-success: #005a26;
  --hba-status-warning: #6b4600;
  --hba-status-info: #12375f;
  --hba-status-danger-soft: #ffffff;
  --hba-status-success-soft: #ffffff;
  --hba-status-warning-soft: #ffffff;
  --hba-status-info-soft: #ffffff;
  --hba-overlay-scrim: #000000cc;
  --hba-overlay-on-scrim: #ffffff;
  --hba-control-disabled-surface: #d8dde5;
  --hba-control-disabled-text: #161616;
}

@media (prefers-reduced-motion: reduce) {
:root {
  --hba-duration-fast: 0ms;
  --hba-duration-base: 0ms;
}
}