/* ==========================================================================
   InnovDe — "Midnight Engineering" design tokens (spec §2)
   Self-contained values only. No host/theme variables.
   ========================================================================== */

/* ---- Fonts (self-hosted, Latin + Latin-Ext) ---------------------------- */
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/sora-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/sora-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;
  src:url("../fonts/jetbrains-mono-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Poppins — EVL page headings only (§2.6) */
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-latin-500-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/poppins-latin-ext-500-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins-latin-600-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/poppins-latin-ext-600-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/poppins-latin-ext-700-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Arabic script (ar + ckb pages). Only downloaded when a page contains Arabic-script glyphs. Covers Sorani letters (ڕ ڵ ێ ۆ ە). */
@font-face{font-family:"Noto Sans Arabic";font-style:normal;font-weight:100 900;font-display:swap;
  src:url("../fonts/noto-sans-arabic-arabic-wght-normal.woff2") format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

/* Registered so P8 theme shift can tween them */
@property --accent      { syntax:"<color>"; inherits:true; initial-value:#2A9FD8; }
@property --accent-fill { syntax:"<color>"; inherits:true; initial-value:#046FA4; }
@property --page        { syntax:"<color>"; inherits:true; initial-value:#050912; }

:root{
  color-scheme: dark;

  /* surfaces */
  --ink-950:#050912;
  --ink-900:#0A1120;
  --ink-800:#111A2E;
  --ink-700:#1B2640;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.16);

  /* text */
  --text:#EAF1FB;
  --text-2:#9DB0C9;
  --text-3:#5F7391;

  /* brand */
  --brand:#046FA4;
  --brand-bright:#2A9FD8;
  --cyan:#3FD0E0;

  /* EVL zone */
  --evl-page:#0A0A0B; --evl-raised:#101112; --evl-card:#1A1B1D; --evl-inset:#27282A;
  --evl-green:#51FF8C; --evl-green-deep:#1C3218;

  /* innovdeHR zone — from the product's own brand gradient #00E5FF → #0E38FF, lifted for dark UI */
  --hr-page:#070A1F; --hr-raised:#0B0F2A; --hr-card:#121739; --hr-inset:#1A2050;
  --hr-cyan:#00E5FF; --hr-blue:#4D7CFF; --hr-deep:#0E38FF; --hr-violet:#A78BFA; --hr-amber:#FFB84D;
  --hr-grad:linear-gradient(120deg, #00E5FF 0%, #4D7CFF 55%, #0E38FF 100%);

  /* live (switchable) accents — P8 swaps these */
  --page:var(--ink-950);
  --accent:var(--brand-bright);
  --accent-fill:var(--brand);
  --accent-ink:#FFFFFF;          /* text on --accent-fill */

  /* logo tint on dark. TODO(client): confirm on-dark logo colour / supply reverse SVG */
  --logo-color:#2A9FD8;

  /* type */
  --font-display:"Sora", "Noto Sans Arabic", system-ui, sans-serif;
  --font-body:"Inter", "Noto Sans Arabic", system-ui, sans-serif;
  --font-mono:"JetBrains Mono", "Noto Sans Arabic", ui-monospace, monospace;
  --fs-display:clamp(3rem, 7vw, 7.5rem);
  --fs-h2:clamp(2rem, 4vw, 3.75rem);
  --fs-h3:clamp(1.25rem, 1.8vw, 1.6rem);
  --fs-body:17px;
  --fs-long:18px;
  --fs-eyebrow:12.5px;

  /* layout */
  --max:1280px;
  --prose:760px;
  --gutter:24px;
  --section-y:clamp(96px, 12vw, 180px);
  --header-h:72px;
  --r-1:8px; --r-2:14px; --r-3:20px; --r-4:28px; --r-pill:999px;

  /* elevation */
  --shadow-card:0 1px 0 rgba(255,255,255,.03) inset, 0 20px 50px -20px rgba(0,0,0,.7);
  --glass-bg:rgba(10,17,32,.55);
  --glass-blur:blur(16px);

  /* motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-inout:cubic-bezier(.45,0,.55,1);
  --dur-ui:320ms;
  --dur-reveal:800ms;
}

@media (max-width:767px){
  :root{ --gutter:16px; }
}

/* EVL zone token swap (P8 adds .is-evl to <body>; full EVL page sets it statically) */
.is-evl{
  --page:var(--evl-page);
  --accent:var(--evl-green);
  --accent-fill:var(--evl-green);
  --accent-ink:#0A0A0B;
}
.evl-page{ --font-display:"Poppins", "Sora", "Noto Sans Arabic", system-ui, sans-serif; }
/* innovdeHR zone token swap (products wipe adds .is-hr to <body>; the HR page sets it statically) */
.is-hr{
  --page:var(--hr-page);
  --accent:var(--hr-cyan);
  --accent-fill:var(--hr-deep);
  --accent-ink:#FFFFFF;
}