/*
  TAMESA Candidate A — semantic palette.
  The light theme uses the original warm, achromatic Converging Field palette.
  Petrol-green is reserved for the dark theme only.
*/
:root {
  color-scheme: light;

  /* Original Converging Field light-paper ladder, restored by A5. */
  --tc-palette-paper-canvas: #f3f2ec;
  --tc-palette-paper-raised: #faf9f3;
  --tc-palette-paper-muted: #e8e7e1;
  --tc-palette-paper-deep: #dbdad4;
  --tc-palette-light-ink-primary: #171717;
  --tc-palette-light-ink-secondary: #171717;
  --tc-palette-light-ink-metadata: #4d4e49;
  --tc-palette-smoky-quartz: #6b5237;
  --tc-palette-pale-bronze: #ae9780;

  /* Dark-theme petrol family. */
  --tc-palette-petrol-black: #050f12;
  --tc-palette-petrol-charcoal-balanced: #0b151a;
  --tc-palette-petrol-foundation: #07171c;
  --tc-palette-petrol-home-02: #0b2b32;
  --tc-palette-petrol-section-05: #0e2b32;
  --tc-palette-petrol-home-06: #10414a;
  --tc-palette-petrol-river: #163b43;
  --tc-palette-petrol-support: #7a766d;
  --tc-palette-dark-raised: #0b151a;
  --tc-palette-dark-muted: #0b151a;
  --tc-palette-dark-deep: #0b151a;
  --tc-palette-dark-ink-primary: #e1ded7;
  --tc-palette-dark-ink-display: #e7e6df;
  --tc-palette-dark-ink-secondary: #bdbab2;
  --tc-palette-dark-ink-metadata: #9b978f;
  --tc-palette-dark-support: #889da3;

  /* Native light-theme evidence values: warm greys, never green. */
  --tc-palette-evidence-paper-light: #e3e0d8;
  --tc-palette-evidence-zone-light: #bbb8ae;
  --tc-palette-evidence-mark-light: #343531;
  --tc-palette-evidence-meta-light: #4d4e49;
  --tc-palette-record-light: #cecbc1;

  --tc-palette-evidence-paper-dark: #050f12;
  --tc-palette-evidence-zone-dark: #163b43;
  --tc-palette-evidence-meta-dark: #9b978f;
  --tc-palette-record-dark: #0b151a;
  --tc-palette-selection-light: #b0ada3;
  --tc-palette-selection-light-ink: #171717;
  --tc-palette-selection-dark: #97abb2;
  --tc-palette-selection-dark-ink: #061114;

  --tc-color-canvas: var(--tc-palette-paper-canvas);
  --tc-color-surface-raised: var(--tc-palette-paper-raised);
  --tc-color-surface-muted: var(--tc-palette-paper-muted);
  --tc-color-surface-deep: var(--tc-palette-paper-deep);
  --tc-color-surface-record: var(--tc-palette-record-light);
  --tc-color-ink-primary: var(--tc-palette-light-ink-primary);
  --tc-color-ink-display: var(--tc-palette-light-ink-primary);
  --tc-color-ink-secondary: var(--tc-palette-light-ink-secondary);
  --tc-color-ink-metadata: var(--tc-palette-light-ink-metadata);
  --tc-color-line-subtle: rgba(23, 23, 23, 0.16);
  --tc-color-line-strong: rgba(23, 23, 23, 0.34);
  --tc-color-line-functional: rgba(23, 23, 23, 0.55);
  --tc-color-focus-ring: #4d4e49;
  --tc-color-focus-halo: var(--tc-palette-paper-raised);
  --tc-color-evidence-bg: var(--tc-palette-evidence-paper-light);
  --tc-color-evidence-zone: var(--tc-palette-evidence-zone-light);
  --tc-color-evidence-meta: var(--tc-palette-evidence-meta-light);
  --tc-color-evidence-ink: var(--tc-palette-light-ink-primary);
  --tc-color-evidence-ink-secondary: var(--tc-palette-light-ink-secondary);
  --tc-color-evidence-mark: var(--tc-palette-evidence-mark-light);
  --tc-color-evidence-line: rgba(23, 23, 23, 0.22);
  --tc-color-evidence-line-strong: rgba(23, 23, 23, 0.42);
  --tc-color-backdrop: rgba(23, 23, 23, 0.58);
  --tc-color-header-bg: rgba(243, 242, 236, 0.92);
  --tc-shadow-elevated: 0 22px 72px rgba(23, 23, 23, 0.14);
  --tc-color-selection-bg: var(--tc-palette-selection-light);
  --tc-color-selection-ink: var(--tc-palette-selection-light-ink);
  --tc-color-validation: var(--tc-palette-smoky-quartz);
  --tc-color-artwork-pale-accent: var(--tc-palette-pale-bronze);

  /* Light river uses achromatic depth/surface values. */
  --tc-color-artwork-depth: #62635e;
  --tc-color-artwork-surface: #d3d2cc;
  --tc-color-artwork-glint: #fbfaf4;
  --tc-color-artwork-accent: var(--tc-palette-smoky-quartz);

  /* Light-theme environmental bands are native charcoal, not petrol. */
  --tc-color-corridor-bg: #242522;
  --tc-color-corridor-bg-deep: #30312e;
  --tc-color-corridor-ink: #f6f5ef;
  --tc-color-corridor-ink-secondary: #d3d2cc;
  --tc-color-corridor-line: rgba(246, 245, 239, 0.28);

  --page: var(--tc-color-canvas);
  --page-raised: var(--tc-color-surface-raised);
  --page-muted: var(--tc-color-surface-muted);
  --page-deep: var(--tc-color-surface-deep);
  --record-bg: var(--tc-color-surface-record);
  --ink: var(--tc-color-ink-primary);
  --display-ink: var(--tc-color-ink-display);
  --ink-soft: var(--tc-color-ink-secondary);
  --ink-faint: var(--tc-color-ink-metadata);
  --line: var(--tc-color-line-subtle);
  --line-strong: var(--tc-color-line-strong);
  --line-functional: var(--tc-color-line-functional);
  --diagram-bg: var(--tc-color-evidence-bg);
  --diagram-zone: var(--tc-color-evidence-zone);
  --diagram-ink: var(--tc-color-evidence-ink);
  --diagram-ink-soft: var(--tc-color-evidence-ink-secondary);
  --diagram-meta: var(--tc-color-evidence-meta);
  --diagram-mark: var(--tc-color-evidence-mark);
  --diagram-line: var(--tc-color-evidence-line);
  --diagram-line-strong: var(--tc-color-evidence-line-strong);
  --focus-ring: var(--tc-color-focus-ring);
  --focus-halo: var(--tc-color-focus-halo);
  --backdrop: var(--tc-color-backdrop);
  --header-bg: var(--tc-color-header-bg);
  --shadow: var(--tc-shadow-elevated);
}

html[data-theme="dark"] {
  color-scheme: dark;

  /* Two-field dark editorial architecture. */
  --tc-dark-canvas: #0b151a;
  --tc-dark-depth-field: #050f12;
  --tc-color-canvas: var(--tc-dark-canvas);
  --tc-color-surface-raised: var(--tc-dark-canvas);
  --tc-color-surface-muted: var(--tc-dark-canvas);
  --tc-color-surface-deep: var(--tc-dark-canvas);
  --tc-color-surface-record: var(--tc-dark-canvas);

  /* Approved dark-theme ink hierarchy. */
  --tc-dark-ink-display: #e7e6df;
  --tc-dark-ink-primary: #e1ded7;
  --tc-dark-ink-secondary: #bdbab2;
  --tc-dark-ink-metadata: #9b978f;
  --tc-dark-support: #889da3;
  --tc-color-ink-primary: var(--tc-dark-ink-primary);
  --tc-color-ink-display: var(--tc-dark-ink-display);
  --tc-color-ink-secondary: var(--tc-dark-ink-secondary);
  --tc-color-ink-metadata: var(--tc-dark-ink-metadata);

  /* Approved dark line hierarchy. */
  --tc-dark-line-subtle: rgba(225, 222, 215, 0.193);
  --tc-dark-line-strong: rgba(225, 222, 215, 0.384);
  --tc-dark-line-functional: rgba(225, 222, 215, 0.45);
  --tc-color-line-subtle: var(--tc-dark-line-subtle);
  --tc-color-line-strong: var(--tc-dark-line-strong);
  --tc-color-line-functional: var(--tc-dark-line-functional);

  /* Native dark evidence family. */
  --tc-evidence-background: #050f12;
  --tc-evidence-foundation: #07171c;
  --tc-evidence-depth: #163b43;
  --tc-evidence-surface: #496d76;
  --tc-evidence-glint: #a8b7b9;
  --tc-evidence-accent: #2b4159;
  --tc-color-evidence-bg: var(--tc-evidence-background);
  --tc-color-evidence-zone: var(--tc-evidence-depth);
  --tc-color-evidence-meta: var(--tc-dark-ink-metadata);
  --tc-color-evidence-ink: var(--tc-evidence-glint);
  --tc-color-evidence-ink-secondary: var(--tc-dark-ink-secondary);
  --tc-color-evidence-mark: var(--tc-evidence-glint);
  --tc-color-evidence-line: var(--tc-evidence-surface);
  --tc-color-evidence-line-strong: var(--tc-evidence-surface);

  /* Header, overlays, interaction and elevation. */
  --tc-color-focus-ring: var(--tc-dark-support);
  --tc-color-focus-halo: var(--tc-dark-canvas);
  --tc-color-backdrop: rgba(3, 10, 13, 0.68);
  --tc-color-header-bg: rgba(11, 21, 26, 0.95);
  --tc-shadow-elevated: 0 22px 70px rgba(0, 0, 0, 0.58);
  --tc-color-selection-bg: #97abb2;
  --tc-color-selection-ink: #061114;
  --tc-color-validation: var(--tc-dark-support);

  /* River artwork inputs remain exactly as supplied by the approved baseline. */
  --tc-color-artwork-pale-accent: var(--tc-palette-dark-ink-secondary);
  --tc-color-artwork-depth: var(--tc-palette-dark-support);
  --tc-color-artwork-surface: #aebfbd;
  --tc-color-artwork-glint: #e6e3db;
  --tc-color-artwork-accent: #aebfbd;

  /* Ordinary corridor sections collapse into the main canvas. */
  --tc-color-corridor-bg: var(--tc-dark-canvas);
  --tc-color-corridor-bg-deep: var(--tc-dark-depth-field);
  --tc-color-corridor-ink: var(--tc-dark-ink-display);
  --tc-color-corridor-ink-secondary: var(--tc-dark-ink-secondary);
  --tc-color-corridor-line: var(--tc-dark-line-strong);
}

/* Canonical graphs use their own neutral dark-theme hierarchy. Keeping these
   roles on the component prevents collateral recolouring of other evidence
   compositions that still depend on the shared evidence palette. */
html[data-theme="dark"] .canonical-graph {
  --tc-canonical-graph-bg: #050f12;
  --tc-canonical-graph-field: rgba(183, 187, 190, 0.20);
  --tc-canonical-graph-route: rgba(183, 187, 190, 0.26);
  --tc-canonical-graph-boundary: rgba(193, 196, 200, 0.57);
  --tc-canonical-graph-functional: rgba(219, 222, 226, 0.72);
  --tc-canonical-graph-marker: #b7bbbe;
  --tc-canonical-graph-text: #a8b7b9;
}
