/* ════════════════════════════════════════════════════════════════
   CELERITY WEB KIT — celerity.css · V1.0 (lockstep with Brand CI V4.7)
   The only approved starting point for Celerity landing pages.
   Any page built without these tokens is presumed off-brand.
   ═══════════════════════════════════════════════════════════════ */

@font-face { font-family:'League Spartan'; src:url('fonts/league-spartan-latin-400-normal.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'League Spartan'; src:url('fonts/league-spartan-latin-600-normal.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'IBM Plex Mono'; src:url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'Plex Arabic'; src:url('fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2'); font-weight:400; font-display:swap; }

:root{
  /* colour — nothing outside this list on a Celerity surface */
  --ce-turbonite:#4E4B48;   /* master · ext. "Celerity Grey" */
  --ce-deep:#38342F;        /* dark grounds */
  --ce-black:#0A0A0A;       /* body text */
  --ce-porcelain:#F7F5F2;   /* background — never pure #FFF */
  --ce-gold:#B79A64;        /* hairlines · ONE accent per view */
  --ce-mid:#8A8580;         /* quiet grey — captions, legal */
  --ce-line:#DAD5CE;        /* hairline rules */

  /* type scale */
  --ce-font-display:'League Spartan',Helvetica,Arial,sans-serif;
  --ce-font-mono:'IBM Plex Mono','Courier New',monospace;
  --ce-font-ar:'Plex Arabic','IBM Plex Sans Arabic',sans-serif;
}

html,body{ margin:0; background:var(--ce-porcelain); color:var(--ce-black);
  font-family:var(--ce-font-display); font-weight:400; line-height:1.55;
  -webkit-font-smoothing:antialiased; }

/* headlines: UPPERCASE, tracked — never a typeset "CELERITY" as logo substitute */
.ce-h1{ font-weight:600; font-size:clamp(28px,4vw,44px); letter-spacing:0.12em;
  text-transform:uppercase; color:var(--ce-deep); line-height:1.3; }
.ce-h2{ font-weight:600; font-size:clamp(18px,2.4vw,26px); letter-spacing:0.14em;
  text-transform:uppercase; color:var(--ce-deep); }
.ce-kicker{ font-family:var(--ce-font-mono); font-size:11px; letter-spacing:0.3em;
  text-transform:uppercase; color:var(--ce-gold); }
.ce-body{ max-width:60ch; font-size:16px; }
.ce-cap{ font-family:var(--ce-font-mono); font-size:10px; letter-spacing:0.16em;
  text-transform:uppercase; color:var(--ce-mid); }
.ce-ar{ font-family:var(--ce-font-ar); direction:rtl; unicode-bidi:isolate; letter-spacing:0 !important; }

/* the gold rule — one per view, full-width or 34px stub */
.ce-rule{ border:none; border-top:1.2px solid var(--ce-gold); margin:0; }
.ce-rule--stub{ width:44px; }

/* buttons: quiet, rectangular, never rounded-pill */
.ce-btn{ display:inline-block; font-family:var(--ce-font-mono); font-size:12px;
  letter-spacing:0.22em; text-transform:uppercase; color:var(--ce-porcelain);
  background:var(--ce-turbonite); padding:14px 28px; text-decoration:none;
  border:none; transition:background .2s; }
.ce-btn:hover{ background:var(--ce-deep); }
.ce-btn--ghost{ background:transparent; color:var(--ce-turbonite);
  border:1px solid var(--ce-turbonite); }

/* footer with hallmark — mandatory on every landing page */
.ce-footer{ text-align:center; padding:48px 24px 36px; }
.ce-footer .hallmark{ height:28px; display:block; margin:0 auto 12px; }
.ce-footer .rule{ border-top:1.2px solid var(--ce-gold); max-width:960px; margin:0 auto 18px; }
.ce-footer .trio{ font-family:var(--ce-font-mono); font-size:10px; letter-spacing:0.3em;
  text-transform:uppercase; color:var(--ce-turbonite); margin-bottom:10px; }
.ce-footer .legal{ font-family:var(--ce-font-mono); font-size:10px; line-height:1.9;
  color:var(--ce-mid); max-width:860px; margin:0 auto; }

/* ═══ THE LAWS (read before building) ═══
   1. The script wordmark SVG is the sender — never typeset "CELERITY" in caps
      as a logo substitute. assets/Celerity_Wordmark_CelerityGrey_4E4B48.svg
      (light ground) · assets/Logo_Porcelain.svg (dark ground).
   2. Hallmark footer on every page: shield 28px centred above the gold rule,
      then trio, then the bilingual legal line (Arabic via the SVG master or
      .ce-ar live text): Celerity FZ-LLC · سيليريتي ش.م.ح- ذ.م.م · TRN
      105120319600001 · Licence No. 5033501.
   3. One gold accent per view. Background Porcelain, never #FFF.
   4. No half-empty viewports: every scroll-stop is composed — statement,
      image (Desert Dawn register), or pattern band (second-glance tiles in
      assets/) extends the view. Breathing is a margin, not a void.
   5. Partners are named, never displayed: "Distribution partner of BRB
      International BV" — verbatim, text only. No partner logos on pages.
   6. No emojis, no exclamation marks, no rounded-pill buttons, no drop
      shadows, no gradients. Version B copy register.
   ═══ */