@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');

/* ===================================================
   SITE/TOKENS — canonical design tokens
   The site-02 identity, preserved. Do not redesign.

   Linked from templates/head.html BEFORE style.css, so
   style.css consumes these values. Where style.css still
   declares a token of its own, that declaration wins by
   load order — keep the two in agreement.

   Not every page links this file: /estimate-your-building/
   is A2-owned and external_build, so it loads style.css
   without tokens.css. style.css therefore references the
   tokens added here as var(--token, literal) with the
   original literal as fallback. Do not strip those
   fallbacks until that page links tokens.css.
   =================================================== */

:root {
  /* Colors */
  --navy: #101A2E;       /* dark sections, footer */
  --navy-soft: #1F3864;  /* hover states */
  --ink: #15181F;        /* headings, primary text */
  --body: #3D444F;       /* body copy */
  --muted: #7A828F;      /* eyebrows, labels */
  --line: #E3E6EB;       /* borders, dividers */
  --paper: #FFFFFF;      /* base background */
  --wash: #F7F8FA;       /* section background */
  --accent: #B8873B;     /* bronze/gold — D9: keep, do not replace with red-oxide */
  --accent-hover: #9a6f2e; /* accent buttons, hover */

  /* Accent roles — from ferrum-tokens.css v1.0 (Classical), accent ramp only.
     D9 is NOT superseded: #B8873B remains the brand accent. These split it by
     role so it is used where it is legible, which is what D9 protects.

     Ratios below are MEASURED AGAINST THIS SITE'S GROUNDS (--paper #FFFFFF,
     --wash #F7F8FA, --navy #101A2E), not against the Classical ground
     #F4F3F0 the source file quotes. They differ — do not copy that file's
     numbers across. AA floors: 4.5 body text · 3.0 large text (>=24px)
     and non-text UI. */
  --color-accent-brand: #B8873B;   /* 3.20:1 paper · 3.01:1 wash · 5.43:1 navy
                                      LARGE MARKS AND DARK GROUNDS ONLY.
                                      Fails body text on any light ground. */
  --color-accent: #9C6F2C;         /* 4.45:1 paper · 4.18:1 wash — AA UI.
                                      Borders, rules, icons, focus rings. */
  --color-accent-text: #7A5A24;    /* 6.33:1 paper · 5.96:1 wash — AA body.
                                      Accent at paragraph and label size. */
  --color-accent-pressed: #5E4419; /* 9.06:1 paper — pressed / active */
  --color-accent-on-dark: #D3A55E; /* 7.70:1 on --navy — AA body on dark */

  --tag-active-fg: #1D6F4E;      /* status tag: active */
  --tag-active-bg: #EAF5F0;
  --tag-dev-fg: #8A6516;         /* status tag: in development */
  --tag-dev-bg: #FBF4E6;
  --dark-section-body: #C9D0DC;  /* body copy on navy sections */
  --footer-fg: #8C97A8;          /* footer text and links */

  /* Type roles (families loaded via Google Fonts in head.html) */
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-heading: 'Instrument Serif', 'Playfair Display', Georgia, serif;
  --mono: 'SF Mono', Menlo, Consolas, monospace;  /* data: section codes, tonnages, document numbers, revisions */

  /* Layout */
  --max: 1160px;          /* page max-width */
  --text: 680px;          /* reading-width cap */
  --header-height: 74px;  /* sticky header; mobile nav offset must match */
}

/* INDUSTRIAL-LEDGER SKIN additive */
.ledger {
  --mono-ledger: 'IBM Plex Mono', 'SF Mono', Menlo, Consolas, monospace;
  --ledger-ink: #10142e;
  --ledger-ink-soft: #2a2f4a;
  --ledger-body: #3d444f;
  --ledger-muted: #7a828f;
  --ledger-paper: #fbf9f4;
  --ledger-wash: #f3f0e8;
  --ledger-rule: #d4cbb8;
  --ledger-rule-strong: #a69e8a;
  --ledger-rust: #B8873B;
  --ledger-rust-soft: #9a6f2e;
  --ledger-shadow: 0 2px 0 #10142e;
}