/*
 * ESN Technologies theme · Orange color scheme
 * Generated from the approved ESN website HTML. Edit tokens here to restyle the whole site.
 */
:root{
  /* Layout: an engineering schematic. Content sits on a faint measured grid in asymmetric splits, and mono callouts annotate each visual like a technical drawing.
     Color encodes the pipeline: cobalt = AI flow, amber = human governance, green = committed to a system of record. */
  --bg:#F1F4F8;
  --surface:#FFFFFF;
  --surface-2:#E9EEF4;
  --ink:#0B1526;
  --muted:#4A586E;
  --faint:#67758A;
  --line:#D3DBE6;
  --grid:#E1E7EF;
  --flow:#01649B;
  --flow-soft:#DFEEF7;
  --on-flow:#FFFFFF;
  --signal:#B45309;
  --signal-soft:#FBEBD6;
  --on-signal:#FFFFFF;
  --ok:#0F7A55;
  --ok-soft:#DCF2E8;
  --danger:#B42318;
  --danger-soft:#FBE4E1;
  --deep:#0B1526;
  --on-deep:#EEF2F8;
  --on-deep-muted:#9AA8BF;
  --code-k:#8FD0F5;
  --code-s:#F6C67A;
  --code-c:#7D8BA3;
  --hero-wash:transparent;
  --glass:rgb(241 244 248 / .82);
  --shadow-sm:0 1px 2px rgb(11 21 38 / .06);
  --shadow:0 1px 2px rgb(11 21 38 / .05), 0 22px 44px -22px rgb(11 21 38 / .28);
  --display:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;
  --body:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.7,.2,1);
  --t-h1:clamp(36px,5.1vw,66px);
  --t-h2:clamp(29px,3.4vw,45px);
  --t-h3:clamp(21px,1.9vw,26px);
  --t-lead:clamp(17px,1.35vw,19px);
  --t-base:16.5px;
  --logo-lt:block;
  --logo-dk:none;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#08101C;--surface:#0E1828;--surface-2:#142136;--ink:#E7EDF6;--muted:#97A5BB;--faint:#7E8CA3;--line:#223049;--grid:#0F1A2B;
    --flow:#66B8EC;--flow-soft:#0D2A40;--on-flow:#08101C;--signal:#F4A62A;--signal-soft:#36260C;--on-signal:#1A1103;
    --ok:#3DD39A;--ok-soft:#0D2C22;--danger:#FF7B6F;--danger-soft:#3A1614;--deep:#111D33;--glass:rgb(8 16 28 / .8);
    --shadow-sm:0 1px 2px rgb(0 0 0 / .35);--shadow:0 1px 2px rgb(0 0 0 / .3), 0 24px 48px -24px rgb(0 0 0 / .65);
    --logo-lt:none;--logo-dk:block;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#08101C;--surface:#0E1828;--surface-2:#142136;--ink:#E7EDF6;--muted:#97A5BB;--faint:#7E8CA3;--line:#223049;--grid:#0F1A2B;
  --flow:#66B8EC;--flow-soft:#0D2A40;--on-flow:#08101C;--signal:#F4A62A;--signal-soft:#36260C;--on-signal:#1A1103;
  --ok:#3DD39A;--ok-soft:#0D2C22;--danger:#FF7B6F;--danger-soft:#3A1614;--deep:#111D33;--glass:rgb(8 16 28 / .8);
  --shadow-sm:0 1px 2px rgb(0 0 0 / .35);--shadow:0 1px 2px rgb(0 0 0 / .3), 0 24px 48px -24px rgb(0 0 0 / .65);
  --logo-lt:none;--logo-dk:block;
  color-scheme:dark;
}