/* Shop Firewood brand layer, loaded after the engine's style.css.
   Source: Shop Firewood logo kit v1.0 (2026-09-27). Forest #233E35, cream #F5F1E8, charcoal #292D29,
   wood #B88E65, ember #B64D2C, field gray #686C63. DM Sans is the core family (SIL OFL, see /static/fonts/DM-Sans-LICENSE.txt).
   Text colors use the kit hues, darkened one step where the kit value falls under 4.5:1 on the site's sunk panels:
   field gray #686C63 -> #626659 (4.8:1 on sunk), ember #B64D2C -> #A94626 (4.7:1 on sunk). Exact kit values stay on artwork. */

@font-face {
  font-family: "DM Sans";
  src: url("/static/fonts/dm-sans.woff2") format("woff2-variations"), url("/static/fonts/dm-sans.woff2") format("woff2");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

:root {
  --paper: #F5F1E8;          /* kit cream */
  --surface: #FBF9F4;
  --sunk: #ECE7DB;
  --ink: #292D29;            /* kit charcoal */
  --ink-2: #474B45;
  --ink-3: #626659;          /* kit field gray, text safe */
  --rule: #DEDACD;
  --rule-2: #C8C2B2;
  --green: #233E35;          /* kit forest */
  --green-2: #182C25;
  --green-tint: #E2E9E4;
  --ember: #A94626;          /* kit ember, text safe */
  --ember-art: #B64D2C;      /* kit ember, exact: artwork and non-text accents */
  --wood: #B88E65;           /* kit wood: decorative only (2.6:1), never text */
  --focus: #233E35;
  --font: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body { font-optical-sizing: auto; }

/* Logo: keep proportions and a clear zone of 1/4 symbol diameter (~7px at 32px tall) */
.logo { gap: 0; padding: 8px 0; }
.brand-logo { display: block; width: auto; height: 32px; }
.brand-logo-footer { height: 36px; }
@media (max-width: 640px) { .brand-logo-header { height: 28px; } }

/* Diagram depth label and map pins use the exact kit ember */
.cord-diagram .cd-depth { fill: var(--ember-art); }