/* Complete colour systems. Shared photographs retain their original colours. */
:root[data-palette="canopy"] {
  --paper: #f4f3ed;
  --ink: #1d2923;
  --muted: #59665d;
  --forest: #172a24;
  --forest-light: #233a30;
  --leaf: #d7e9bc;
  --line: #d5d9d0;
  --surface-soft: #e9ece2;
  --surface-feature: #e0e5d7;
  --accent: #63804f;
  --link-hover: #42643b;
  --action-hover: #355340;
  --focus: #54864b;
  --dark-text: #e1eadc;
  --dark-muted: #c0cfbe;
  --dark-line: #60735b;
  --diagram-bg: #1c332a;
  --diagram-surface: #284235;
  --diagram-line: #79926b;
  --diagram-accent: #bdd1a4;
  --footer-bg: #111f1a;
  --footer-text: #dce4d8;
  --footer-muted: #adbfaa;
  --footer-line: #4b614a;
  --hero-rgb: 13,26,20;
}

:root[data-palette="estuary"] {
  --paper: #f1f4f3;
  --ink: #20343c;
  --muted: #516771;
  --forest: #1b3440;
  --forest-light: #294754;
  --leaf: #c5e1dd;
  --line: #cbd7d8;
  --surface-soft: #e4ecec;
  --surface-feature: #d7e5e6;
  --accent: #557e87;
  --link-hover: #346375;
  --action-hover: #345768;
  --focus: #336c85;
  --dark-text: #e0ebed;
  --dark-muted: #bed3d8;
  --dark-line: #627f8a;
  --diagram-bg: #223d49;
  --diagram-surface: #304f5c;
  --diagram-line: #7fa3ad;
  --diagram-accent: #bfdde0;
  --footer-bg: #132831;
  --footer-text: #e0eaeb;
  --footer-muted: #adc5cc;
  --footer-line: #486976;
  --hero-rgb: 13,31,42;
}

:root[data-palette="terracotta"] {
  --paper: #f8f1e8;
  --ink: #3b302b;
  --muted: #6b5b51;
  --forest: #492e28;
  --forest-light: #624237;
  --leaf: #edd3b9;
  --line: #e0d2c5;
  --surface-soft: #f0e5d8;
  --surface-feature: #e8d8c7;
  --accent: #a56348;
  --link-hover: #934c33;
  --action-hover: #735043;
  --focus: #a75c42;
  --dark-text: #f6e9da;
  --dark-muted: #dcc4b4;
  --dark-line: #a0816d;
  --diagram-bg: #503830;
  --diagram-surface: #65483a;
  --diagram-line: #be9a7b;
  --diagram-accent: #e4c09b;
  --footer-bg: #34221f;
  --footer-text: #f0e2d4;
  --footer-muted: #d2b9a4;
  --footer-line: #826552;
  --hero-rgb: 42,25,18;
}

:root[data-palette="graphite"] {
  --paper: #f3f2ee;
  --ink: #2b2e2c;
  --muted: #5d6059;
  --forest: #282b29;
  --forest-light: #3c403b;
  --leaf: #e5dcbf;
  --line: #d4d4ca;
  --surface-soft: #e9e8e0;
  --surface-feature: #deded3;
  --accent: #857854;
  --link-hover: #74633b;
  --action-hover: #4c514a;
  --focus: #7b6a3f;
  --dark-text: #ecebe0;
  --dark-muted: #cbcebf;
  --dark-line: #7b8170;
  --diagram-bg: #32372f;
  --diagram-surface: #454b3e;
  --diagram-line: #949d82;
  --diagram-accent: #d7d4b6;
  --footer-bg: #1f2320;
  --footer-text: #e5e7dc;
  --footer-muted: #c0c5b4;
  --footer-line: #646d5c;
  --hero-rgb: 24,27,24;
}


/* Each choice is a complete, fixed logo composition. */
:root[data-logo="open-frame"] .brand-variant[data-logo-variant="open-frame"] { display:block; }
:root[data-logo="confluence"] .brand-variant[data-logo-variant="confluence"] { display:block; }
:root[data-logo="neighbourhood"] .brand-variant[data-logo-variant="neighbourhood"] { display:block; }
:root[data-logo="open-frame-full"] .brand-variant[data-logo-variant="open-frame-full"] { display:block; }
:root[data-logo="interlock"] .brand-variant[data-logo-variant="interlock"] { display:block; }
:root[data-logo="fieldwork"] .brand-variant[data-logo-variant="fieldwork"] { display:block; }