/* Generated from shared product tokens. Run node scripts/build-host-theme.mjs. */
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 100;
  src: url("/assets/fonts/IBMPlexSansArabic-Thin.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Thin";
  src: url("/assets/fonts/IBMPlexSansArabic-Thin.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic ExtraLight";
  src: url("/assets/fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Light";
  src: url("/assets/fonts/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Regular";
  src: url("/assets/fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Medium";
  src: url("/assets/fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic SemiBold";
  src: url("/assets/fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-display: swap;
}
:root {
  --font-ui: "IBM Plex Sans Arabic Medium",
  "IBM Plex Sans Arabic",
  "IBM Plex Sans",
  system-ui,
  -apple-system,
  BlinkMacSystemFont,
  "Segoe UI",
  sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  --font-heading: "IBM Plex Sans Arabic Bold", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-heading-weight: 700;
  --text-xs: .8125rem;
  --text-sm: .875rem;
  --text-md: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-page-title: 1.625rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --control-sm: 2.25rem;
  --control-md: 2.5rem;
  --control-lg: 2.75rem;
  --border-width-hairline: 1px;
  --layer-dropdown: 1080;
  --radius-sm: .375rem;
  --radius-md: .5rem;
  --radius-lg: .75rem;
  --sidebar-width: 13.75rem;
  --sidebar-width-wide: 14.125rem;
  --sidebar-width-tablet: 13.25rem;
  --sidebar-collapsed-width: 4.5rem;
  --topbar-height: 3.75rem;
  --dq-mobile-nav-height: calc(var(--control-lg) + var(--space-8));
  --dq-motion-fast: 150ms;
  --dq-motion-drawer: 200ms;
  --dq-navigation-results-height: 24rem;
  --dq-z-topbar: 1030;
  --dq-z-drawer-backdrop: 1040;
  --dq-z-drawer: 1050;
  --page-max-width: none;
  --form-max-width: var(--page-max-width);
  --dq-detail-drawer-width: 60rem;
  --dq-related-record-min-width: 22rem;
  --dq-metric-min-width: 12rem;
  --dq-caption-size: .75rem;
  --dq-kpi-value-size: 1.5rem;
  --dq-kpi-prominent-height: 8rem;
  --dq-kpi-compact-height: 4.5rem;
  --dq-chart-height: 9rem;
  --dq-chart-ring-size: 9rem;
  --dq-chart-ring-width: 1.5rem;
  --dq-chart-series: var(--dq-auth-action);
  --dq-chart-series-soft: color-mix(in srgb, var(--dq-chart-series) 30%, var(--dq-surface));
  --dq-chart-category-1: var(--dq-chart-series);
  --dq-chart-category-2: var(--dq-info);
  --dq-chart-category-3: var(--dq-accent);
  --dq-chart-category-4: var(--dq-success);
  --dq-chart-category-5: #9747ff;
  --dq-chart-category-6: var(--dq-text-muted);
  --dq-heading: color-mix(in srgb, var(--bs-blue) 20%, var(--dq-sidebar));
  --dq-page-link: var(--dq-auth-link);
  --dq-page-action-bg: var(--dq-accent);
  --dq-page-action-fg: var(--dq-sidebar);
  --dq-page-action-hover: color-mix(in srgb, var(--dq-page-action-bg) 88%, var(--dq-sidebar));
  --dq-pagination-active: var(--dq-auth-action);
  --dq-pagination-active-hover: var(--dq-auth-action-hover);
  --dq-pagination-control-size: calc(var(--space-12) + var(--space-1));
  --dq-pagination-font-weight: 500;
  --dq-calendar-cell-size: var(--control-lg);
  --dq-calendar-selected: var(--dq-page-link);
  --dq-page-panel-border: color-mix(in srgb, var(--dq-info) 12%, var(--dq-border));
  --dq-table-heading-surface: color-mix(in srgb, var(--dq-info) 5%, var(--dq-surface));
  --dq-quantity-input-width: 8rem;
  --brand-700: #123647;
  --brand-600: #164056;
  --brand-50: #B9C8CF;
  --text-primary: #333230;
  --text-secondary: #4a4b4e;
  --text-muted: #707176;
  --surface: #fffffc;
  --background: #f4f5f8;
  --border: #e4e7ee;
  --grey-30: #eff1f5;
  --dq-primary: var(--brand-600);
  --dq-primary-rgb: 22 64 86;
  --dq-primary-hover: var(--brand-700);
  --dq-primary-soft: var(--brand-50);
  --dq-accent: #EB8523;
  --dq-accent-rgb: 235 133 35;
  --dq-accent-soft: #FFE1BF;
  --dq-background: var(--background);
  --dq-shell-background: color-mix(in srgb, var(--dq-info) 4%, var(--dq-surface));
  --dq-surface: var(--surface);
  --dq-surface-elevated: var(--surface);
  --dq-surface-subtle: #f4f5f8;
  --dq-text-primary: var(--text-primary);
  --dq-text-secondary: var(--text-secondary);
  --dq-text-muted: var(--text-muted);
  --dq-border: var(--border);
  --dq-border-width: var(--border-width-hairline);
  --dq-z-dropdown: var(--layer-dropdown);
  --dq-border-strong: #dfe2eb;
  --dq-control-border: color-mix(in srgb, var(--dq-text-secondary) 55%, var(--dq-border-strong));
  --dq-success: #15803d;
  --dq-success-solid: #22c55e;
  --dq-success-soft: #ecfdf3;
  --dq-warning: #A65812;
  --dq-warning-solid: #FEC84B;
  --dq-warning-soft: rgba(254, 200, 75, 0.1);
  --dq-danger: #b42318;
  --dq-danger-rgb: 180, 35, 24;
  --dq-danger-solid: #ef4444;
  --dq-danger-soft: #fff1f2;
  --dq-info: #2E90FA;
  --dq-info-solid: #2E90FA;
  --dq-info-soft: rgba(46, 144, 250, 0.1);
  --dq-cash: var(--dq-success);
  --dq-credit: var(--dq-info);
  --dq-sidebar: #051016;
  --dq-sidebar-hover: #09212B;
  --dq-sidebar-text: #fffffc;
  --dq-sidebar-muted: #B9C8CF;
  --dq-sidebar-surface: linear-gradient(160deg, color-mix(in srgb, #0E2B39 88%, var(--bs-blue)), color-mix(in srgb, #051016 90%, var(--bs-blue)));
  --dq-sidebar-menu-text: var(--dq-sidebar-muted);
  --dq-sidebar-menu-active-bg: #123647;
  --dq-sidebar-child-active-bg: var(--dq-sidebar-menu-active-bg);
  --dq-sidebar-divider: var(--grey-30);
  --dq-sidebar-rail: #eaecf2;
  --dq-sidebar-logo-height: 8.25rem;
  --dq-sidebar-row-height: 3.25rem;
  --dq-sidebar-child-row-height: 2.75rem;
  --dq-sidebar-icon-size: 1.25rem;
  --dq-sidebar-main-font-size: var(--text-md);
  --dq-sidebar-child-font-size: var(--text-sm);
  --dq-on-color: #fffffc;
  --dq-auth-action: color-mix(in srgb, var(--bs-blue) 94%, var(--brand-600));
  --dq-auth-link: var(--dq-auth-action);
  --dq-auth-action-hover: color-mix(in srgb, var(--dq-auth-action) 88%, var(--dq-sidebar));
  --dq-auth-heading: color-mix(in srgb, var(--bs-blue) 48%, var(--dq-sidebar));
  --dq-auth-muted: color-mix(in srgb, var(--dq-text-secondary) 75%, var(--bs-blue));
  --dq-auth-card-radius: 1.5rem;
  --dq-auth-font: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --dq-auth-card-width: clamp(36.25rem, 34.689vw, 45.3125rem);
  --dq-auth-logo-width: clamp(11rem, 10.526vw, 13.75rem);
  --dq-auth-title-size: clamp(2.5rem, 2.392vw, 3.125rem);
  --dq-auth-subtitle-size: clamp(1.25rem, 1.196vw, 1.5625rem);
  --dq-auth-body-size: clamp(1rem, .957vw, 1.25rem);
  --dq-auth-caption-size: clamp(.875rem, .837vw, 1.09375rem);
  --dq-auth-control-height: clamp(3rem, 2.871vw, 3.75rem);
  --dq-auth-submit-height: clamp(3.25rem, 3.11vw, 4.0625rem);
  --dq-auth-card-padding: clamp(2.5rem, 2.392vw, 3.125rem);
  --dq-auth-form-gap: clamp(1.5rem, 1.435vw, 1.875rem);
  --dq-auth-form-start: clamp(2rem, 1.914vw, 2.5rem);
  --dq-auth-benefits-width: clamp(49rem, 46.89vw, 61.25rem);
  --dq-auth-page-inline-space: clamp(7rem, 6.699vw, 8.75rem);
  --dq-auth-control-border: color-mix(in srgb, var(--dq-auth-muted) 72%, var(--dq-surface));
  --dq-auth-page-tint: color-mix(in srgb, var(--dq-info) 5%, var(--dq-surface));
  --dq-on-dark-subtle: rgb(255 255 255 / 10%);
  --dq-on-dark-border: rgb(255 255 255 / 8%);
  --dq-on-dark-border-muted: rgb(255 255 255 / 7%);
  --dq-drawer-backdrop: rgb(2 8 23 / 55%);
  --dq-tenant-soft: color-mix(in srgb, var(--dq-primary-soft) 65%, var(--dq-surface));
  --dq-border-primary-soft: color-mix(in srgb, var(--dq-primary) 16%, var(--dq-border));
  --dq-sidebar-active-shadow: inset 3px 0 0 var(--dq-accent);
  --dq-sidebar-active-shadow-rtl: inset -3px 0 0 var(--dq-accent);
  --dq-hero: linear-gradient(125deg, #164056 0%, #EB8523 100%);
  --dq-radius-sm: var(--radius-sm);
  --dq-radius: var(--radius-md);
  --dq-radius-lg: 1rem;
  --dq-shadow: 0 18px 42px rgb(15 23 42 / 8%);
  --dq-shadow-sm: 0 10px 28px rgb(15 23 42 / 6%);
  --dq-shadow-lg: 0 20px 48px rgb(15 23 42 / 16%);
  --dq-shadow-topbar: 0 16px 36px rgb(15 23 42 / 6%);
  --dq-tap-size: var(--control-lg);
  --dq-focus-ring: 0 0 0 3px rgb(23 70 162 / 22%);
  --lpx-primary: var(--dq-primary);
  --lpx-primary-rgb: 22, 64, 86;
  --lpx-brand: var(--dq-primary);
  --lpx-brand-rgb: 22, 64, 86;
  --lpx-content-bg: var(--dq-background);
  --lpx-content-bg-rgb: 249,
  246,
  243;
  --lpx-content-text: var(--dq-text-primary);
  --lpx-border-color: var(--dq-border);
  --lpx-card-bg: var(--dq-surface);
  --lpx-navbar-active-bg-color: var(--dq-primary-soft);
  --lpx-navbar-active-text-color: var(--dq-primary);
  --lpx-navbar-active-text-color-rgb: 22, 64, 86;
  --lpx-logo-icon: url('/assets/brand/tawzee-logo_main.png');
  --lpx-logo-url: url('/assets/brand/tawzee-logo_main.png');
  --lpx-logo: var(--lpx-logo-url);
  --bs-primary: var(--dq-primary);
  --bs-primary-rgb: 22, 64, 86;
  --bs-body-font-family: var(--font-ui);
  --bs-body-font-size: var(--text-md);
  --bs-body-line-height: 1.5;
  --bs-body-color: var(--dq-text-primary);
  --bs-heading-color: var(--dq-text-primary);
  --bs-body-bg: var(--dq-background);
  --bs-border-color: var(--dq-border);
  --bs-link-color: var(--dq-primary);
  --bs-link-hover-color: var(--dq-primary-hover);
}

:root[data-dq-theme=dark] {
  color-scheme: dark;
  --bs-heading-color: var(--dq-text-primary);
  --bs-primary-text-emphasis: var(--brand-700);
  --bs-link-color: var(--bs-primary-text-emphasis);
  --bs-link-hover-color: var(--dq-text-primary);
  --dq-auth-heading: var(--dq-text-primary);
  --dq-heading: var(--dq-text-primary);
  --dq-auth-muted: var(--dq-text-secondary);
  --dq-auth-action: color-mix(in srgb, var(--bs-blue) 94%, var(--dq-background));
  --dq-auth-link: color-mix(in srgb, var(--dq-info) 60%, var(--dq-text-primary));
  --brand-700: #A4B7C0;
  --brand-600: #7A95A1;
  --brand-50: #09212B;
  --text-primary: #fffffc;
  --text-secondary: #eff1f5;
  --text-muted: #babcc4;
  --surface: #071920;
  --background: #051016;
  --border: #0E2B39;
  --dq-primary-rgb: 122 149 161;
  --dq-accent: #FBA95B;
  --dq-accent-rgb: 251 169 91;
  --dq-accent-soft: #7E420D;
  --dq-surface-elevated: #09212B;
  --dq-shell-background: var(--dq-background);
  --dq-surface-subtle: #0E2B39;
  --dq-border-strong: #123647;
  --dq-success: #63d49b;
  --dq-success-soft: #183b2d;
  --dq-warning: #FEC84B;
  --dq-warning-soft: rgba(254, 200, 75, 0.2);
  --dq-danger: #ff8a84;
  --dq-danger-rgb: 255, 138, 132;
  --dq-danger-soft: #462624;
  --dq-info: #2E90FA;
  --dq-info-soft: rgba(46, 144, 250, 0.2);
  --dq-sidebar: #02080B;
  --dq-sidebar-hover: #09212B;
  --dq-sidebar-text: #fffffc;
  --dq-sidebar-muted: #B9C8CF;
  --dq-sidebar-surface: var(--dq-sidebar);
  --dq-sidebar-menu-text: var(--dq-sidebar-muted);
  --dq-sidebar-menu-active-bg: #0E2B39;
  --dq-sidebar-child-active-bg: var(--dq-sidebar-menu-active-bg);
  --dq-sidebar-divider: var(--dq-border);
  --dq-sidebar-rail: var(--dq-border-strong);
  --dq-hero: linear-gradient(125deg, #0E2B39 0%, #A65812 100%);
  --dq-shadow: 0 10px 30px rgb(0 0 0 / 24%);
  --dq-shadow-sm: 0 2px 10px rgb(0 0 0 / 18%);
  --dq-shadow-lg: 0 20px 48px rgb(0 0 0 / 34%);
  --lpx-logo-url: url('/assets/brand/tawzee-logo_main.png');
  --lpx-logo: var(--lpx-logo-url);
  --bs-body-color: var(--dq-text-primary);
  --bs-body-bg: var(--dq-background);
  --bs-border-color: var(--dq-border);
}