/* GENERATED by docs/brand/tokens/build.py from the DTCG source. Do not edit.
   Hayetek design charter v1.0, Appendix B. Light = home mode; dark follows the OS unless
   data-theme is set (on :root or on any element). Per-app colour: set the six INPUT variables
   --hk-app-{primary,on-primary}-{light,dark} on :root; never override --hk-color-* directly. */

:root {
  --hk-color-teal-200: #C2E2D9;
  --hk-color-teal-300: #72CBBA;
  --hk-color-teal-600: #228774;
  --hk-color-teal-700: #1F7A6A;
  --hk-color-teal-800: #0D7462;
  --hk-color-sand-0: #FDFDFC;
  --hk-color-sand-50: #F8F6F1;
  --hk-color-sand-100: #EEE8DD;
  --hk-color-ink-400: #968973;
  --hk-color-ink-600: #6D6659;
  --hk-color-ink-900: #29251E;
  --hk-color-night-50: #E9E6E2;
  --hk-color-night-300: #A1AFAF;
  --hk-color-night-500: #6D7E7E;
  --hk-color-night-800: #273434;
  --hk-color-night-900: #1D2626;
  --hk-color-night-950: #141A1A;
  --hk-color-gold-300: #EEC55E;
  --hk-color-ocean-300: #729BCF;
  --hk-color-ocean-600: #2E5C94;
  --hk-color-green-300: #72CA90;
  --hk-color-green-700: #307E4A;
  --hk-color-amber-300: #E0AC52;
  --hk-color-amber-700: #A35D1F;
  --hk-color-red-300: #E8887D;
  --hk-color-red-700: #BA352C;
  --hk-color-white: #FFFFFF;
  --hk-color-black: #000000;
  --hk-space-xxs: 4px;
  --hk-space-xs: 8px;
  --hk-space-sm: 12px;
  --hk-space-md: 16px;
  --hk-space-lg: 24px;
  --hk-space-xl: 32px;
  --hk-space-xxl: 48px;
  --hk-space-xxxl: 64px;
  --hk-radius-sm: 6px;
  --hk-radius-md: 12px;
  --hk-radius-lg: 20px;
  --hk-radius-full: 9999px;
  --hk-size-touch-target: 44px;
  --hk-size-icon: 24px;
  --hk-size-content-max: 1200px;
  --hk-size-logo-min: 24px;
  --hk-size-logo-small-min: 16px;
  --hk-size-lockup-min: 120px;
  --hk-size-lockup-stacked-min: 80px;
  --hk-size-line: 1px;
  --hk-size-focus-ring: 2px;
  --hk-size-focus-offset: 2px;
  --hk-size-dot: 7px;
  --hk-size-dot-halo: 2px;
  --hk-breakpoint-medium: 600px;
  --hk-breakpoint-expanded: 840px;
  --hk-breakpoint-wide: 1200px;
  --hk-duration-fast: 150ms;
  --hk-duration-base: 250ms;
  --hk-duration-slow: 400ms;
  --hk-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --hk-loader-timing-show-after: 100ms;
  --hk-loader-timing-fade-in: 150ms;
  --hk-loader-timing-min-visible: 500ms;
  --hk-loader-swell-cycle: 2500ms;
  --hk-loader-swell-rest: 0.25;
  --hk-loader-swell-ring-radius: 21;
  --hk-loader-swell-ring-stroke: 3;
  --hk-loader-swell-water-radius: 18.5;
  --hk-loader-swell-sea-level: 25;
  --hk-loader-swell-sea-drop: 2;
  --hk-loader-swell-crest: 16;
  --hk-loader-swell-peak: 0.51;
  --hk-loader-swell-width: 9.5;
  --hk-loader-swell-front: 0.75;
  --hk-loader-swell-ripple-height: 0.9;
  --hk-loader-swell-ripple-length: 10.5;
  --hk-loader-swell-ripple-period: 2500ms;
  --hk-loader-swell-size-min: 48px;
  --hk-loader-swell-size-max: 96px;
  --hk-loader-ring-turn: 4000ms;
  --hk-loader-ring-gap: 30;
  --hk-loader-ring-radius: 16;
  --hk-loader-ring-thickness: 5;
  --hk-loader-ring-ripple-height: 1;
  --hk-loader-ring-ripple-length: 12;
  --hk-loader-ring-ripple-speed: 8.4;
  --hk-loader-ring-taper: 24;
  --hk-loader-ring-size-min: 16px;
  --hk-loader-ring-size-max: 24px;
  --hk-loader-ring-size-button: 20px;
  --hk-loader-bar-height: 16px;
  --hk-loader-bar-ripple-height: 1.6px;
  --hk-loader-bar-ripple-length: 20px;
  --hk-loader-bar-ripple-speed: 6.3;
  --hk-loader-bar-headroom: 2.58px;
  --hk-closure-rings: 4;
  --hk-closure-duration: 1600ms;
  --hk-closure-stagger: 120ms;
  --hk-closure-thickness: 3;
  --hk-closure-strength: 0.55;
  --hk-closure-ripple-height: 2.2;
  --hk-closure-ripple-count: 14;
  --hk-font-family-display: Zain, "Readex Pro", system-ui, sans-serif;
  --hk-font-family-text: "Readex Pro", system-ui, sans-serif;
  --hk-font-weight-light: 300;
  --hk-font-weight-regular: 400;
  --hk-font-weight-medium: 500;
  --hk-font-weight-semibold: 600;
  --hk-font-weight-bold: 700;
  --hk-font-weight-extrabold: 800;
  --hk-font-line-height-latin: 1.5;
  --hk-font-line-height-arabic: 1.7;
  --hk-font-line-height-heading-latin: 1.25;
  --hk-font-line-height-heading-arabic: 1.5;
  --hk-font-measure-latin: 34em;
  --hk-font-measure-arabic: 37em;
  --hk-font-text-size-steps-size: 0.1;
  --hk-font-text-size-steps-below: 1;
  --hk-font-text-size-max-latin: 1.5;
  --hk-font-text-size-max-arabic: 1.5;
  --hk-font-text-size-max-islamic-text: 1.8;
  --hk-opacity-grain: 0.04;
  --hk-opacity-scrim: 0.4;
  --hk-opacity-busy: 0.6;
  --hk-opacity-press: 0.14;
  --hk-opacity-web-mark: 0.8;
  --hk-scale-press: 0.95;
  --hk-texture-grain-tile: 216px;
  --hk-logo-disc: var(--hk-color-teal-600);
  --hk-logo-face: var(--hk-color-teal-800);
  --hk-logo-foam: var(--hk-color-teal-200);
  --hk-logo-ha: var(--hk-color-white);
  --hk-zone-deen-hue-min: 232;
  --hk-zone-deen-hue-max: 256;
  --hk-zone-deen-centre: #0E76B5;
  --hk-zone-deen-centre-dark: #5E9DD0;
  --hk-zone-lifestyle-hue-min: 297;
  --hk-zone-lifestyle-hue-max: 321;
  --hk-zone-lifestyle-centre: #8B5DAE;
  --hk-zone-lifestyle-centre-dark: #AC89C9;
  --hk-zone-family-hue-min: 343;
  --hk-zone-family-hue-max: 367;
  --hk-zone-family-centre: #AF5179;
  --hk-zone-family-centre-dark: #CC819E;
  --hk-app-availability-primary: #8B5DAE;
  --hk-app-availability-on-primary: var(--hk-color-white);
  --hk-app-availability-primary-dark: #AC89C9;
  --hk-app-availability-on-primary-dark: var(--hk-color-night-950);
  --hk-product-naharek-primary: #0F6248;
  --hk-product-naharek-on-primary: var(--hk-color-white);
  --hk-product-naharek-accent: #DEA645;
  --hk-font-size-caption: 13px;
  --hk-font-size-body: 16px;
  --hk-font-size-title-sm: 19px;
  --hk-font-size-title-md: 23px;
  --hk-font-size-title-lg: 28px;
  --hk-font-size-headline: 33px;
  --hk-font-size-display: 40px;
  --hk-font-size-hero: 48px;
  --hk-line-height-body: var(--hk-font-line-height-latin);
  --hk-line-height-heading: var(--hk-font-line-height-heading-latin);
}

:root, [data-theme="light"] {
  color-scheme: light;
  --hk-color-background: var(--hk-color-sand-50);
  --hk-color-surface: var(--hk-color-sand-0);
  --hk-color-surface-raised: var(--hk-color-sand-100);
  --hk-color-text: var(--hk-color-ink-900);
  --hk-color-text-muted: var(--hk-color-ink-600);
  --hk-color-outline: var(--hk-color-ink-400);
  --hk-color-scrim: var(--hk-color-night-950);
  --hk-color-primary: var(--hk-app-primary-light, var(--hk-color-teal-600));
  --hk-color-primary-text: var(--hk-app-primary-light, var(--hk-color-teal-700));
  --hk-color-primary-fill: var(--hk-app-primary-light, var(--hk-color-teal-700));
  --hk-color-on-primary-fill: var(--hk-app-on-primary-light, var(--hk-color-white));
  --hk-color-accent: var(--hk-color-gold-300);
  --hk-color-on-accent: var(--hk-color-ink-900);
  --hk-color-third: var(--hk-color-ocean-600);
  --hk-color-on-third: var(--hk-color-white);
  --hk-color-success: var(--hk-color-green-700);
  --hk-color-warning: var(--hk-color-amber-700);
  --hk-color-error: var(--hk-color-red-700);
  --hk-color-on-status: var(--hk-color-white);
  --hk-color-focus: var(--hk-color-app-primary);
  --hk-color-app-primary: var(--hk-app-primary-light, var(--hk-color-primary-fill));
  --hk-color-app-on-primary: var(--hk-app-on-primary-light, var(--hk-color-on-primary-fill));
  --hk-color-closure-ring-1: var(--hk-color-teal-600);
  --hk-color-closure-ring-2: var(--hk-zone-deen-centre);
  --hk-color-closure-ring-3: var(--hk-zone-lifestyle-centre);
  --hk-color-closure-ring-4: var(--hk-zone-family-centre);
  --hk-component-button-radius: var(--hk-radius-md);
  --hk-component-button-min-height: 48px;
  --hk-component-button-primary-bg: var(--hk-color-app-primary);
  --hk-component-button-primary-fg: var(--hk-color-app-on-primary);
  --hk-component-button-accent-bg: var(--hk-color-accent);
  --hk-component-button-accent-fg: var(--hk-color-on-accent);
  --hk-component-icon-button-size: 40px;
  --hk-component-icon-button-target: 48px;
  --hk-component-icon-button-radius: var(--hk-radius-md);
  --hk-component-card-radius: var(--hk-radius-md);
  --hk-component-card-bg: var(--hk-color-surface);
  --hk-component-sheet-radius: var(--hk-radius-lg);
  --hk-component-sheet-bg: var(--hk-color-surface);
  --hk-component-sheet-max-height: 0.85;
  --hk-component-dialog-max-width: 560px;
  --hk-component-chip-radius: var(--hk-radius-full);
  --hk-component-chip-bg: var(--hk-color-surface-raised);
  --hk-component-chip-fg: var(--hk-color-text);
  --hk-component-input-radius: var(--hk-radius-md);
  --hk-component-input-border: var(--hk-color-text-muted);
  --hk-component-input-bg: var(--hk-color-surface-raised);
  --hk-component-input-min-height: 48px;
  --hk-component-focus-ring-color: var(--hk-color-focus);
  --hk-component-focus-ring-width: var(--hk-size-focus-ring);
  --hk-component-focus-ring-offset: var(--hk-size-focus-offset);
  --hk-component-snackbar-duration-action: 8000ms;
  --hk-component-navigation-bar-height: 72px;
  --hk-component-slider-track: 6px;
  --hk-component-day-cell-size: 40px;
  --hk-component-day-cell-target: 48px;
  --hk-component-day-cell-ring: 2px;
  --hk-component-day-cell-text-scale-max: 1.3;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --hk-color-background: var(--hk-color-night-950);
    --hk-color-surface: var(--hk-color-night-900);
    --hk-color-surface-raised: var(--hk-color-night-800);
    --hk-color-text: var(--hk-color-night-50);
    --hk-color-text-muted: var(--hk-color-night-300);
    --hk-color-outline: var(--hk-color-night-500);
    --hk-color-scrim: var(--hk-color-night-950);
    --hk-color-primary: var(--hk-app-primary-dark, var(--hk-color-teal-300));
    --hk-color-primary-text: var(--hk-app-primary-dark, var(--hk-color-teal-300));
    --hk-color-primary-fill: var(--hk-app-primary-dark, var(--hk-color-teal-300));
    --hk-color-on-primary-fill: var(--hk-app-on-primary-dark, var(--hk-color-night-950));
    --hk-color-accent: var(--hk-color-gold-300);
    --hk-color-on-accent: var(--hk-color-ink-900);
    --hk-color-third: var(--hk-color-ocean-300);
    --hk-color-on-third: var(--hk-color-night-950);
    --hk-color-success: var(--hk-color-green-300);
    --hk-color-warning: var(--hk-color-amber-300);
    --hk-color-error: var(--hk-color-red-300);
    --hk-color-on-status: var(--hk-color-night-950);
    --hk-color-focus: var(--hk-color-app-primary);
    --hk-color-app-primary: var(--hk-app-primary-dark, var(--hk-color-primary-fill));
    --hk-color-app-on-primary: var(--hk-app-on-primary-dark, var(--hk-color-on-primary-fill));
    --hk-color-closure-ring-1: var(--hk-color-teal-300);
    --hk-color-closure-ring-2: var(--hk-zone-deen-centre-dark);
    --hk-color-closure-ring-3: var(--hk-zone-lifestyle-centre-dark);
    --hk-color-closure-ring-4: var(--hk-zone-family-centre-dark);
    --hk-component-button-radius: var(--hk-radius-md);
    --hk-component-button-min-height: 48px;
    --hk-component-button-primary-bg: var(--hk-color-app-primary);
    --hk-component-button-primary-fg: var(--hk-color-app-on-primary);
    --hk-component-button-accent-bg: var(--hk-color-accent);
    --hk-component-button-accent-fg: var(--hk-color-on-accent);
    --hk-component-icon-button-size: 40px;
    --hk-component-icon-button-target: 48px;
    --hk-component-icon-button-radius: var(--hk-radius-md);
    --hk-component-card-radius: var(--hk-radius-md);
    --hk-component-card-bg: var(--hk-color-surface);
    --hk-component-sheet-radius: var(--hk-radius-lg);
    --hk-component-sheet-bg: var(--hk-color-surface);
    --hk-component-sheet-max-height: 0.85;
    --hk-component-dialog-max-width: 560px;
    --hk-component-chip-radius: var(--hk-radius-full);
    --hk-component-chip-bg: var(--hk-color-surface-raised);
    --hk-component-chip-fg: var(--hk-color-text);
    --hk-component-input-radius: var(--hk-radius-md);
    --hk-component-input-border: var(--hk-color-text-muted);
    --hk-component-input-bg: var(--hk-color-surface-raised);
    --hk-component-input-min-height: 48px;
    --hk-component-focus-ring-color: var(--hk-color-focus);
    --hk-component-focus-ring-width: var(--hk-size-focus-ring);
    --hk-component-focus-ring-offset: var(--hk-size-focus-offset);
    --hk-component-snackbar-duration-action: 8000ms;
    --hk-component-navigation-bar-height: 72px;
    --hk-component-slider-track: 6px;
    --hk-component-day-cell-size: 40px;
    --hk-component-day-cell-target: 48px;
    --hk-component-day-cell-ring: 2px;
    --hk-component-day-cell-text-scale-max: 1.3;
  }
}

[data-theme="dark"] {
  color-scheme: dark;
  --hk-color-background: var(--hk-color-night-950);
  --hk-color-surface: var(--hk-color-night-900);
  --hk-color-surface-raised: var(--hk-color-night-800);
  --hk-color-text: var(--hk-color-night-50);
  --hk-color-text-muted: var(--hk-color-night-300);
  --hk-color-outline: var(--hk-color-night-500);
  --hk-color-scrim: var(--hk-color-night-950);
  --hk-color-primary: var(--hk-app-primary-dark, var(--hk-color-teal-300));
  --hk-color-primary-text: var(--hk-app-primary-dark, var(--hk-color-teal-300));
  --hk-color-primary-fill: var(--hk-app-primary-dark, var(--hk-color-teal-300));
  --hk-color-on-primary-fill: var(--hk-app-on-primary-dark, var(--hk-color-night-950));
  --hk-color-accent: var(--hk-color-gold-300);
  --hk-color-on-accent: var(--hk-color-ink-900);
  --hk-color-third: var(--hk-color-ocean-300);
  --hk-color-on-third: var(--hk-color-night-950);
  --hk-color-success: var(--hk-color-green-300);
  --hk-color-warning: var(--hk-color-amber-300);
  --hk-color-error: var(--hk-color-red-300);
  --hk-color-on-status: var(--hk-color-night-950);
  --hk-color-focus: var(--hk-color-app-primary);
  --hk-color-app-primary: var(--hk-app-primary-dark, var(--hk-color-primary-fill));
  --hk-color-app-on-primary: var(--hk-app-on-primary-dark, var(--hk-color-on-primary-fill));
  --hk-color-closure-ring-1: var(--hk-color-teal-300);
  --hk-color-closure-ring-2: var(--hk-zone-deen-centre-dark);
  --hk-color-closure-ring-3: var(--hk-zone-lifestyle-centre-dark);
  --hk-color-closure-ring-4: var(--hk-zone-family-centre-dark);
  --hk-component-button-radius: var(--hk-radius-md);
  --hk-component-button-min-height: 48px;
  --hk-component-button-primary-bg: var(--hk-color-app-primary);
  --hk-component-button-primary-fg: var(--hk-color-app-on-primary);
  --hk-component-button-accent-bg: var(--hk-color-accent);
  --hk-component-button-accent-fg: var(--hk-color-on-accent);
  --hk-component-icon-button-size: 40px;
  --hk-component-icon-button-target: 48px;
  --hk-component-icon-button-radius: var(--hk-radius-md);
  --hk-component-card-radius: var(--hk-radius-md);
  --hk-component-card-bg: var(--hk-color-surface);
  --hk-component-sheet-radius: var(--hk-radius-lg);
  --hk-component-sheet-bg: var(--hk-color-surface);
  --hk-component-sheet-max-height: 0.85;
  --hk-component-dialog-max-width: 560px;
  --hk-component-chip-radius: var(--hk-radius-full);
  --hk-component-chip-bg: var(--hk-color-surface-raised);
  --hk-component-chip-fg: var(--hk-color-text);
  --hk-component-input-radius: var(--hk-radius-md);
  --hk-component-input-border: var(--hk-color-text-muted);
  --hk-component-input-bg: var(--hk-color-surface-raised);
  --hk-component-input-min-height: 48px;
  --hk-component-focus-ring-color: var(--hk-color-focus);
  --hk-component-focus-ring-width: var(--hk-size-focus-ring);
  --hk-component-focus-ring-offset: var(--hk-size-focus-offset);
  --hk-component-snackbar-duration-action: 8000ms;
  --hk-component-navigation-bar-height: 72px;
  --hk-component-slider-track: 6px;
  --hk-component-day-cell-size: 40px;
  --hk-component-day-cell-target: 48px;
  --hk-component-day-cell-ring: 2px;
  --hk-component-day-cell-text-scale-max: 1.3;
}

/* Arabic (and any page in Arabic) takes the taller line-height; never letter-space Arabic. */
:lang(ar) {
  --hk-line-height-body: var(--hk-font-line-height-arabic);
  --hk-line-height-heading: var(--hk-font-line-height-heading-arabic);
  letter-spacing: normal;
}

/* Website type: ratio 1.333 from the expanded breakpoint; compact screens keep the app scale. */
@media (min-width: 840px) {
  :root {
    --hk-font-size-caption: 12px;
    --hk-font-size-body: 16px;
    --hk-font-size-title-sm: 21px;
    --hk-font-size-title-md: 28px;
    --hk-font-size-title-lg: 38px;
    --hk-font-size-headline: 50px;
    --hk-font-size-display: 67px;
    --hk-font-size-hero: 80px;
  }
}

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