/* CoreOps design tokens (shared by every page and by the embedded apps).
   A project that reads like a topographic map.
   Two palettes: "topo" (steel blue, sandy brown, burgundy, mauve — default) and "natural" (forest, meadow, water, earth).
   Each has a light and a dark variant. Text only: the map texture is drawn by JS on a canvas, no image files. */
:root,[data-palette="topo"]{
  --paper:#F3F1F4; --card:#FFFFFF; --sand:#EEE6F0; --sand-2:#F7F3F8; --line:#DCD5DF; --line-2:#ECE7EE;
  --ink:#241C33; --ink-2:#514865; --ink-3:#857C95;
  --forest:#2F5F8A; --forest-2:#244B6E; --forest-soft:#E2ECF5;
  --meadow:#3E8E7E; --meadow-ink:#2C6F62; --meadow-soft:#E0F0EC;
  --water:#4682B4; --water-ink:#33658F; --water-soft:#E3EEF7;
  --earth:#E0904F; --earth-ink:#A95E1F; --earth-soft:#FCEEDF;
  --terra:#8E1B3A; --terra-soft:#F6E1E7;
  --mauve:#9B6FC0; --mauve-soft:#EFE5F7;
  --head-a:#243B55; --head-b:#4A3F73; --head-c:#7A3B5E;
  --bands:#4682B4,#6FA1C9,#A9C8DC,#E9D9A7,#F4A460,#D9785A,#A8405B,#800020,#6B4E8C,#C9A0E8;
  --shadow:0 1px 2px rgba(36,28,51,.06),0 8px 24px -14px rgba(36,28,51,.25);
  color-scheme:light;
}
[data-palette="natural"]{
  --paper:#FAFAF7; --card:#FFFFFF; --sand:#EFE8D6; --sand-2:#F6F2E7; --line:#DDD8C9; --line-2:#E9E5D8;
  --ink:#1F2E24; --ink-2:#4A5A4E; --ink-3:#7C877E;
  --forest:#2F5D3A; --forest-2:#244A2E; --forest-soft:#E3ECE3;
  --meadow:#8DB255; --meadow-ink:#4E7224; --meadow-soft:#EEF4E2;
  --water:#3E8EB5; --water-ink:#2B6D8E; --water-soft:#E1EFF6;
  --earth:#A0784C; --earth-ink:#7E5B33; --earth-soft:#F4ECE1;
  --terra:#B5523B; --terra-soft:#F7E4DE;
  --mauve:#6B8F71; --mauve-soft:#E6EFE5;
  --head-a:#1F3A26; --head-b:#2F5D3A; --head-c:#5A6B3A;
  --bands:#3E8EB5,#79B4D1,#B9D9C2,#8DB255,#C9C77A,#E3D3A0,#C9A26E,#A0784C,#7E5B33,#EDE6D6;
  color-scheme:light;
}
[data-theme="dark"][data-palette="topo"],[data-theme="dark"]:not([data-palette]){
  --paper:#15121C; --card:#1D1827; --sand:#2A2238; --sand-2:#221C2E; --line:#3A3149; --line-2:#2D263A;
  --ink:#ECE7F2; --ink-2:#C2B8D2; --ink-3:#958AA8;
  --forest:#7FB0DB; --forest-2:#A2C6E6; --forest-soft:#1E2E40;
  --meadow:#6CC4AF; --meadow-ink:#86D2C0; --meadow-soft:#173029;
  --water:#78AEDB; --water-ink:#9CC4E6; --water-soft:#1B2B3C;
  --earth:#F2AE73; --earth-ink:#F6C190; --earth-soft:#3A2818;
  --terra:#E2738F; --terra-soft:#3D1A25;
  --mauve:#C7A2E8; --mauve-soft:#2E2340;
  --head-a:#101A2A; --head-b:#2A2346; --head-c:#4A2238;
  color-scheme:dark;
}
[data-theme="dark"][data-palette="natural"]{
  --paper:#141A16; --card:#1B231D; --sand:#262E25; --sand-2:#20291F; --line:#334034; --line-2:#2A352B;
  --ink:#E6ECE4; --ink-2:#B4C0B3; --ink-3:#8A978A;
  --forest:#7DB389; --forest-2:#9AC7A4; --forest-soft:#22362A;
  --meadow:#9CC266; --meadow-ink:#A9CC79; --meadow-soft:#263421;
  --water:#6AB4D8; --water-ink:#86C4E2; --water-soft:#1B3140;
  --earth:#C49A6A; --earth-ink:#D3AE84; --earth-soft:#352A1E;
  --terra:#E07C63; --terra-soft:#3A221C;
  --mauve:#9CC2A2; --mauve-soft:#24332A;
  --head-a:#0F1C13; --head-b:#1F3A26; --head-c:#33401F;
  color-scheme:dark;
}
:root{
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:12px; --gut:clamp(12px,2.2vw,36px);
}