/* SMACSS · Theme : jetons du sélecteur. Le cadre est neutre ; chaque panneau reprend les jetons de son thème. */
/* contrast: overview-ink/overview-paper, overview-muted/overview-paper, overview-accent/overview-paper, overview-white/overview-night, overview-white/overview-ink, overview-quiet/overview-night, overview-signal/overview-night, overview-white/overview-accent, ink/paper, muted/paper, goth-ink/goth-bg, goth-muted/goth-bg, goth-gold/goth-bg, reho-ink/reho-bg, reho-muted/reho-bg, reho-quiet/reho-bg, reho-red/reho-bg, inst-ink/inst-desk, inst-muted/inst-desk, inst-ink/inst-desk-deep, inst-muted/inst-desk-deep, inst-alu/inst-graphite, inst-screen-ink/inst-screen, inst-signal/inst-screen */
:root {
  color-scheme: light;

  /* Cadre commun ; la mise en avant reprend le rouge de Rehoboam. */
  --paper: #efece6;
  --ink: #141414;
  --muted: #56534d;
  --rule: #c9c4ba;
  --shade: #050505;
  --portal-night: #030205;
  --portal-blood: #9a1424;
  --portal-blood-dark: #500a16;
  --portal-gold: #e8a84e;
  --portal-flame: #ef652c;
  --portal-core: #ffe4b1;
  --font: "Inter Tight", system-ui, sans-serif;

  /* Gothique */
  --goth-bg: #100d12;
  --goth-ink: #f1e8df;
  --goth-muted: #bcb0bf;
  --goth-gold: #e0c390;
  --goth-wine: #8a3a5c;
  --goth-flame: #f3a54a;
  --goth-corona: #e87832;
  --goth-corona-core: #ffdab2;
  --goth-focus: #f2ca83;
  --goth-serif: "Cormorant Garamond", Georgia, serif;

  /* Rehoboam */
  --reho-bg: #000000;
  --reho-ink: #ffffff;
  --reho-muted: #b3b3b3;
  --reho-quiet: #8a8a8a;
  --reho-line: #2e2e2e;
  --reho-line-strong: #4d4d4d;
  --reho-red: #ff2a2a;
  --reho-font: "Barlow", "Helvetica Neue", Arial, sans-serif;

  /* Instrument */
  --inst-desk: #d9d3c9;
  --inst-desk-deep: #c9c1b4;
  --inst-alu: #eeede9;
  --inst-alu-shade: #c6c4be;
  --inst-ink: #1c1c1e;
  --inst-muted: #48453f;
  --inst-graphite: #2b2b2e;
  --inst-screen: #0b0b0c;
  --inst-screen-ink: #f4f4f2;
  --inst-signal: #ff5a1f;
  --inst-led-off: #5a3526;
  --inst-key-1: #f0622a;
  --inst-key-2: #f4a226;
  --inst-key-3: #f1d04c;
  --inst-key-4: #ebe2cb;
  --inst-shadow: #3a3329;
  --inst-font: "Barlow Condensed", "Arial Narrow", sans-serif;
  --inst-screen-font: "VT323", ui-monospace, monospace;

  --ease: cubic-bezier(0.2, 0.7, 0.15, 1);
  --slow: 900ms;
  --gutter: clamp(0.5rem, 0.6vw, 0.75rem);
}

:root {
  --overview-paper: #f2f1eb;
  --overview-ink: #121212;
  --overview-muted: #575650;
  --overview-night: #050505;
  --overview-white: #ffffff;
  --overview-quiet: #a4a4a0;
  --overview-accent: #ac2635;
  --overview-signal: #f0838d;
  --overview-line: #c9c6be;
  --overview-dark-line: #343434;
  --constellation-rust: #b6542f;
  --constellation-plum: #734361;
  --font-artist: Georgia, "Times New Roman", serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --phi: 1.618034;
  --overview-pad: clamp(1.25rem, 5vw, 6rem);
}