/* Cross-document View Transitions — enables shared-element morphs between pages */
@view-transition { navigation: auto; }

/*
  THEME — the only file you need to edit to change the palette.
  Every color in the site is a var() reference into this file.
  Swap a value here, refresh, done — no hunting through styles.css.
*/

:root {
  /* Terminal Slate — cyan accent (locked 2026-06-17) */
  --bg:        #090C11;  /* page background */
  --panel:     #1A1F26;  /* card / module surfaces */
  --panel-2:   #20262E;  /* slightly raised surface, e.g. stat blocks */
  --line:      #383F48;  /* hairlines, borders, registration marks */
  --line-soft: #262C34;  /* faint dividers */
  --text:      #E6E1D8;  /* headings, primary text */
  --text-dim:  #8B9099;  /* secondary/body-dim text, captions */
  --accent:    #22D3EE;  /* the one accent color — module numbers, stats, links, focus ring */
  --accent-dim: rgba(34, 211, 238, 0.12); /* accent at low opacity, for hover washes */
  --toggle-accent: var(--accent); /* mode-toggle fill, overridden per active project in main.js */

  /* derived, rarely need editing */
  --shadow: 0 24px 48px rgba(0,0,0,0.45);
  --radius: 2px; /* sharp/technical, not rounded */
}

/* ---- Alternate palettes from the picker, kept here for fast swap-back ---- */
/*
:root {
  // Blueprint Navy
  --bg: #0A1F33; --panel: #11293F; --panel-2: #16314A; --line: #3A526B; --line-soft: #1C3954;
  --text: #F2EFE6; --text-dim: #A9BBCB; --accent: #E8743B; --accent-dim: rgba(232,116,59,0.12);
}
:root {
  // Schematic Graphite
  --bg: #1A1D21; --panel: #24282E; --panel-2: #2B3038; --line: #454A52; --line-soft: #2E333A;
  --text: #ECEAE3; --text-dim: #A8A59C; --accent: #E8743B; --accent-dim: rgba(232,116,59,0.12);
}
:root {
  // Deep Forge
  --bg: #15110D; --panel: #1F1812; --panel-2: #261D15; --line: #4A3F32; --line-soft: #2C241B;
  --text: #F5F0E6; --text-dim: #B8AD98; --accent: #E8743B; --accent-dim: rgba(232,116,59,0.12);
}
:root {
  // Cold Cyanotype
  --bg: #0D3B66; --panel: #134074; --panel-2: #18497F; --line: #3D6B9C; --line-soft: #1A4A82;
  --text: #FAF9F6; --text-dim: #B7CBE0; --accent: #FF9F1C; --accent-dim: rgba(255,159,28,0.14);
}
*/