/* leonardo-boquillon.com brand overlay
   Injected by refresh-semigraph.sh into semi.html, how-chips-are-made.html,
   companies.html. Cascades over the upstream semigraph CSS by remapping each
   page's custom-property tokens to the editorial paper / ink / oxblood / gold
   palette and pulling in Cormorant Garamond + Inter from Google Fonts.

   To rollback: delete the <link> injection lines from refresh-semigraph.sh
   and re-run; pages revert to upstream styling.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

/* ---- Color tokens: cover the union of var names across all 3 pages ---- */
:root {
  /* Backgrounds */
  --bg: #F1ECE2;
  --bg-warm: #E8E2D5;
  --bg-card: #FFFFFF;
  --bg-card-hover: #FAF6EC;
  --bg-rose: #F3E8E6;
  --bg-peach: #F5EBDF;
  --card: #FFFFFF;
  --hover: #E8E2D5;

  /* Borders / rules */
  --border: #C9BFAE;
  --border-light: #DCD3C2;
  --border-lt: #DCD3C2;
  --rule: #C9BFAE;

  /* Text */
  --text: #1A1714;
  --text-mid: #4A4339;
  --text2: #4A4339;
  --text-dim: #8B8273;
  --dim: #8B8273;
  --muted: #C9BFAE;
  --text-bright: #1A1714;

  /* Accent (oxblood seal — used for links, highlights, focus) */
  --accent: #5C1F1A;
  --accent-light: #8C7340;             /* gold as the secondary accent */
  --accent-lt: #F0E3E1;
  --accent-dk: #3F1411;
  --accent-bg: rgba(92, 31, 26, 0.06);

  /* Status colors: keep semantic, just nudged to the warm system */
  --critical: #B8423A;
  --critical-bg: #FDF2F0;
  --critical-border: #EACBC8;
  --high: #8C7340;                     /* gold for "high" */
  --high-bg: #F7F1E2;
  --high-border: #E4D9B6;
  --low: #4A7F5E;
  --low-bg: #EFF5F0;
  --low-border: #C5DCC9;
  --red: #B8423A;
  --orange: #B87D2F;
  --yellow: #8C7340;
  --green: #4A7F5E;

  /* Type stack — match index.html exactly */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  --serif: "Cormorant Garamond", "EB Garamond", Georgia, serif;
}

/* ---- Body baseline: force the Inter stack on pages that hard-coded sans ---- */
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  background: #F1ECE2;
  color: #1A1714;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.005em;
}

/* ---- Editorial headings: Cormorant for the marquee text ---- */
h1, h2, h3,
[class*="title"]:not(input):not(button),
[class*="heading"]:not(input):not(button) {
  font-family: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  font-weight: 500;
  color: #1A1714;
  letter-spacing: 0.002em;
}

/* ---- Link treatment in editorial style ---- */
a {
  color: #5C1F1A;
}
a:hover {
  color: #3F1411;
}
