/* FLEET canonical local fonts. Loaded only from the same host; assets are
   acquired from the immutable OFL upstream during guarded build, before cutover. */
@font-face {
  font-family:"Manrope";
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  src:url("/assets/fonts/Manrope-Variable.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:200;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-ExtraLight.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-Light.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-Regular.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-Medium.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-Bold.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:800;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-ExtraBold.ttf") format("truetype");
}
@font-face {
  font-family:"Tajawal";
  font-style:normal;
  font-weight:900;
  font-display:swap;
  src:url("/assets/fonts/Tajawal-Black.ttf") format("truetype");
}

/* FLEET Design System — one source of typography and brand tokens.
   Loaded before the canonical admin/public component stylesheets.
   Do not add override layers: edit tokens or component rules at their source. */
:root {
  color-scheme: dark;
  --fleet-font-ui: "Manrope", "Tajawal", sans-serif;
  --fleet-font-ar: "Tajawal", sans-serif;
  --fleet-font-mono: var(--fleet-font-ui);
  --fleet-font-size: 15px;
  --fleet-table-font: 14px;
  --fleet-detail-font: 15px;
  --fleet-heading-scale: 1;
  --fleet-type-compact: 10px;
  --fleet-type-micro: 11px;
  --fleet-type-meta: 12px;
  --fleet-type-small: 13px;
  --fleet-type-body: var(--fleet-font-size);
  --fleet-type-table: var(--fleet-table-font);
  --fleet-type-detail: var(--fleet-detail-font);
  --fleet-type-base: 15px;
  --fleet-type-control: 16px;
  --fleet-type-subtitle: 18px;
  --fleet-type-feature: 21px;
  --fleet-type-card-title: 24px;
  --fleet-type-large: 30px;
  --fleet-type-feature-number: 40px;
  --fleet-type-hero: 48px;
  --fleet-type-responsive-label: clamp(var(--fleet-type-small),.97vw,var(--fleet-type-body));
  --fleet-type-responsive-small-heading: clamp(var(--fleet-type-subtitle),1.5vw,var(--fleet-type-feature));
  --fleet-type-responsive-heading: clamp(var(--fleet-type-feature),2vw,var(--fleet-type-large));
  --fleet-type-responsive-display: clamp(var(--fleet-type-large),3vw,var(--fleet-type-hero));
  --fleet-type-header-title: clamp(20px,1.8vw,28px);
  --fleet-type-auth-brand: clamp(42px,5vw,72px);
  --fleet-type-hero-header: clamp(25px,2.4vw,35px);
  --fleet-type-page-intro: clamp(25px,2.4vw,36px);
  --fleet-type-intro: clamp(24px,2.3vw,32px);
  --fleet-type-public-intro: clamp(28px,4vw,44px);
  --fleet-type-public-heading: clamp(19px,1.6vw,27px);
  --fleet-type-theme-preview-heading: calc(var(--fleet-type-heading-sm) * var(--ts-preview-head,1));
  --fleet-type-heading-sm: calc(19px * var(--fleet-heading-scale));
  --fleet-type-heading-md: calc(24px * var(--fleet-heading-scale));
  --fleet-type-heading-lg: calc(30px * var(--fleet-heading-scale));
  --fleet-type-display: clamp(32px,3vw,48px);
  --fleet-type-weight-normal: 400;
  --fleet-type-weight-medium: 600;
  --fleet-type-weight-strong: 750;
  --fleet-leading-body: 1.5;
  --fleet-leading-tight: 1.2;
  --fleet-wallpaper-image: url('/assets/brand/fleet-eagle-public.png');
  --fleet-wallpaper-shade: linear-gradient(90deg,rgba(0,0,0,.49),rgba(0,0,0,.24) 55%,rgba(0,0,0,.41));
  --fleet-wallpaper-position: center top;
  --fleet-brand-gold: #d4af37;
  --fleet-brand-gold-light: #f3d589;
  --fleet-brand-bronze: #b58e34;
  --fleet-brand-gold-line: #76633e;
  --fleet-status-success: #34d399;
  --fleet-status-danger: #fb7185;
  --fleet-brand-ink: #f6f3ec;
  --fleet-brand-muted: #acb2bb;
  --fleet-ui-font: var(--fleet-font-ui);
}
:lang(ar), [lang="ar"], [dir="rtl"] { font-family: var(--fleet-font-ar); }