/* variables.css — Colours, fonts and page width for the whole site (light and dark mode). */

/* Layout: holding-company "house of brands" — a group core with brands in orbit, then ordered sections: portfolio, impact, partnership, roadmap, contact. */
:root{
  --paper:#F5F5F1;      /* cool stone white */
  --paper-2:#ECECE6;
  --ink:#0E2530;        /* deep petrol */
  --ink-soft:#43565E;
  --line:#D5D8D3;
  --brass:#A47D35;      /* group accent */
  --brass-soft:#E9DFC9;
  --petrol:#14424F;
  --surface:#FFFFFF;
  --on-dark:#F2EFE7;
  --ok:#2E7D4F;
  --soon:#A47D35;
  --future:#1F6F86;
  --display:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --body:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --maxw:1240px;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#0B1A20;--paper-2:#10242C;--ink:#ECE9E1;--ink-soft:#A3B2B6;--line:#24393F;
    --brass:#CFA75A;--brass-soft:#2E2A1E;--petrol:#0F313B;--surface:#11262E;--on-dark:#F2EFE7;
    --ok:#5CBF86;--soon:#CFA75A;--future:#5DB4CB;color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#0B1A20;--paper-2:#10242C;--ink:#ECE9E1;--ink-soft:#A3B2B6;--line:#24393F;
  --brass:#CFA75A;--brass-soft:#2E2A1E;--petrol:#0F313B;--surface:#11262E;--on-dark:#F2EFE7;
  --ok:#5CBF86;--soon:#CFA75A;--future:#5DB4CB;color-scheme:dark;
}