/* ============================================================
   DALLAH HEALTH — BRAND TOKENS
   Source of truth:
     Dropbox/Dallah/Rebrand Campaign/RFP-BrandLaunch/Branding
   Values below are the client's own RGB specs — not approximations.
   ============================================================ */

/* ---------- Typography: the brand's own Google fonts ----------
   Self-hosted so the deck renders identically offline in the room. */
@font-face{font-family:"Outfit";src:url("assets/fonts/Outfit-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/Outfit-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Outfit";src:url("assets/fonts/Outfit-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Alexandria";src:url("assets/fonts/Alexandria-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Alexandria";src:url("assets/fonts/Alexandria-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Alexandria";src:url("assets/fonts/Alexandria-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}

:root{
  /* ---------- Dallah palette (RGB / Pantone from Colour spec) ---------- */
  --cyan-light:#7CEEF4;   /* PMS 317 C  */
  --cyan:#00CCDB;         /* PMS 319 C  — primary */
  --petrol:#005163;       /* PMS 3165 C — primary dark */
  --coral-light:#FFA06D;  /* PMS 163 C  */
  --coral:#EA6F46;        /* PMS 4011 C — accent */
  --clay:#B05839;         /* PMS 7592 C */
  --brown:#713621;        /* PMS 483 C  */

  /* ---------- Brand architecture: endorsed unit colours ---------- */
  --u-hospitals:#1F3A70;
  --u-clinics:#29B6E8;
  --u-homecare:#6B4E9B;
  --u-pharmacies:#1E8A5F;

  /* ---------- DDB — the lead identity on this site ---------- */
  --ddb-yellow:#FAD00A;
  --ddb-black:#141414;
  --ddb-off:#1C1C1C;

  /* ---------- Neutrals ---------- */
  --paper:#F7F6F3;
  --paper-2:#FFFFFF;
  --ink:#141414;
  --ink-soft:rgba(20,20,20,.64);
  --line:rgba(20,20,20,.14);
  --line-dk:rgba(255,255,255,.16);

  /* ---------- Accent roles ----------
     DDB yellow leads. Dallah cyan/coral appear as a secondary accent
     so the proposal nods to the client without wearing their identity. */
  --accent:var(--ddb-yellow);
  --accent-2:var(--cyan);

  /* ---------- Type ---------- */
  --f-latin:"Outfit",-apple-system,"Helvetica Neue",sans-serif;
  --f-arabic:"Alexandria","Outfit",sans-serif;

  /* ---------- Rhythm ---------- */
  --pad:clamp(20px,5vw,80px);
  --maxw:1520px;
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- Graphic devices ----------
   .jewel  — concave-diamond photo mask (Jewel artwork)
   .bracket— framing device around headlines (Bracket artwork)
   Both are re-drawn as vectors so they scale and animate,
   matching assets/logo/device-jewel.svg + device-bracket.svg. */
.jewel{clip-path:url(#jewelClip)}
.pattern-tile{background:url("assets/pattern/pattern.png") center/cover no-repeat}