/* Nodes & Systems design tokens. Source of truth for Elementor Global Colours and Fonts. */

@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-latin.woff2") format("woff2");font-weight:650 800;font-stretch:80% 96%;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+2190-2193}
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-naira.woff2") format("woff2");font-weight:650 800;font-stretch:80% 96%;font-display:swap;unicode-range:U+20A6}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta-latin.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+2190-2193}
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta-naira.woff2") format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+20A6}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-400-latin.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+2190-2193}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-400-naira.woff2") format("woff2");font-weight:400;font-display:swap;unicode-range:U+20A6}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-500-latin.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+2013,U+2018-201E,U+2022,U+2026,U+2190-2193}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/plexmono-500-naira.woff2") format("woff2");font-weight:500;font-display:swap;unicode-range:U+20A6}

/* Hand-lettered face for the words around the hero drawing (Architects Daughter, SIL OFL; letters only) */
@font-face{font-family:"NS Hand";src:url("../fonts/hand-latin.woff2") format("woff2");font-weight:400;font-display:swap}

/* Static 800 / wdth 82 cut with overlaps removed, so the outlined brand line shows clean contours. */
@font-face{font-family:"Bricolage Outline";src:url("../fonts/bricolage-outline.woff2") format("woff2");font-weight:800;font-display:swap;unicode-range:U+0020-007E}

:root{
  /* colour: light (default site) */
  --ns-paper:#EDEEE7;
  --ns-sheet:#F6F6F1;
  --ns-ink:#0B1724;
  --ns-ink-2:#3C4A57;
  --ns-deep:#07121F;
  --ns-rule:#C9CDC4;
  --ns-survey:#7C868D;
  --ns-redline:#BC3D1D;
  --ns-verdigris:#2C6A5E;
  --ns-ochre:#B88A2C;
  --ns-action:#BC3D1D;      /* primary button fill, constant across bands */
  --ns-on-action:#FFFFFF;
  --ns-earth:#DCCAB0;       /* ground below the floor line in section drawings */
  --ns-earth-line:#B59E80;

  /* type */
  --ns-f-display:"Bricolage Grotesque","Arial Narrow",Arial,sans-serif;
  --ns-f-body:"Plus Jakarta Sans","Segoe UI",Roboto,Arial,sans-serif;
  --ns-f-mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --ns-t-d1:clamp(2.4rem,1.2rem + 7.6vw,7.8rem);
  --ns-t-d2:clamp(2rem,1.3rem + 2.6vw,3.5rem);
  --ns-t-h3:clamp(1.35rem,1.1rem + .9vw,1.75rem);
  --ns-t-lead:clamp(1.125rem,1rem + .4vw,1.25rem);
  --ns-t-body:1rem;
  --ns-t-ann:.75rem;

  /* space */
  --ns-s1:4px;--ns-s2:8px;--ns-s3:12px;--ns-s4:16px;--ns-s5:24px;--ns-s6:32px;--ns-s7:48px;--ns-s8:72px;--ns-s9:112px;
  --ns-maxw:1240px;
  --ns-gutter:24px;
  --ns-section:var(--ns-s8);

  /* motion */
  --ns-ease:cubic-bezier(.2,.7,.2,1);
  --ns-draw:800ms;
  --ns-ui:180ms;
}
@media (min-width:1024px){:root{--ns-section:var(--ns-s9)}}

/* Deep band: same token names, dark values. Primary action stays --ns-action. */
.ns-deep{
  --ns-paper:#0B1622;
  --ns-sheet:#101E2C;
  --ns-ink:#ECEDE6;
  --ns-ink-2:#AEB8C0;
  --ns-rule:#24364A;
  --ns-survey:#6E7A84;
  --ns-redline:#E8673F;
  --ns-verdigris:#5FB3A1;
  --ns-ochre:#D9AE52;
  --ns-earth:#3B2C20;
  --ns-earth-line:#5A4532;
  background:var(--ns-deep);
  color:var(--ns-ink);
}

/* Dark theme, chosen with the switch in the header and remembered in the browser. Same token names. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --ns-paper:#0E1925;
  --ns-sheet:#122030;
  --ns-ink:#ECEDE6;
  --ns-ink-2:#B3BDC5;
  --ns-deep:#050C15;
  --ns-rule:#2A3D51;
  --ns-survey:#7E8B95;
  --ns-redline:#EC7550;
  --ns-verdigris:#5FB3A1;
  --ns-ochre:#D9AE52;
  --ns-earth:#3B2C20;
  --ns-earth-line:#5A4532;
}
:root[data-theme="dark"] .ns-deep{--ns-paper:#08111C;--ns-sheet:#0C1724;--ns-rule:#22344A}