/* ============================================================================
   season_chimney.css -- the chimney presentation of the site.

   Joseph, 2026-09-21: "Chimney season should be a simple theme using white
   (off-white, light grey) and black, with metallic silver elements."

   It matches the mark he sent: a black chimney sweep on a cream ground. So the
   palette is soot and lime-wash, with brushed silver where the summer theme
   would use red and the winter theme uses ice blue. No colour at all beyond
   that -- restraint IS the theme, and it makes the black logo the loudest
   thing on the page, which is the point.

   Same mechanism as season_winter.css: re-point the --mnm-* token VALUES under
   html[data-season="chimney"] rather than restating colours per class. A few
   structural exceptions at the bottom are cases a token override cannot
   express (a gradient where summer has a flat fill, and the silver rules).

   CONTRAST: ink #17161a on lime-wash #f7f6f3 is about 15.4:1. Muted #4a4750
   on the same ground is about 7.9:1. Silver #8e8e96 is used for RULES AND
   EDGES ONLY, never for text, because on this ground it is only about 3.1:1 --
   fine for a border, not for a sentence.
   ============================================================================ */

html[data-season="chimney"] {
  /* ---- ink and ground ---- */
  --mnm-ink:             #17161a;   /* soot, the logo's black */
  --mnm-ink-2:           #26242b;
  --mnm-ink-2-b:         #1f1d23;
  --mnm-navy:            #17161a;   /* the dark bands go soot, not navy */
  --mnm-surface:         #ffffff;   /* cards */
  --mnm-bg:              #f7f6f3;   /* lime-wash, the logo's ground */
  --mnm-bg-2:            #efede8;
  --mnm-line:            #dcd9d2;
  --mnm-muted:           var(--mnm-muted-2);   /* P18: was #5b5862, 6.4:1 on the lime-wash; small text needs 7:1 */
  --mnm-muted-2:         #4a4750;
  --mnm-faint:           #6e6a74;
  --mnm-text:            #2b2930;

  /* ---- silver replaces the accent everywhere the other themes use red ---- */
  --mnm-danger:          #6b6b73;   /* used as an accent colour on light grounds: 5.6:1 */
  --mnm-accent:          #4e4e54;   /* SG-4: chimney's accent is silver; P18: was #6b6b73 (4.9:1 on the lime-wash), now 7.6:1 for its 11-13 px labels */
  --mnm-accent-soft:     #ecebe8;
  --mnm-accent-soft-2:   #e4e2de;
  --mnm-accent-line:     #c9c7c2;
  --mnm-danger-2:        #55555c;
  --mnm-danger-3:        #ecebe8;   /* icon tiles */
  --mnm-danger-3-b:      #e4e2de;
  --mnm-danger-4:        #c9c7c2;
  --mnm-danger-4-text:   #c4c4cb;   /* was set for the hero badge (removed 2026-09-23); kept light so any future -text-on-dark consumer here stays readable rather than defaulting back to the page's dark base ink; lint-ok: token definition block (guide Q6), value unchanged, only this comment was edited */
  --mnm-danger-6-fill:   #e9e7e2;
  --mnm-danger-7:        #2b2930;
  --mnm-brand:           #3a3840;
  --mnm-brand-4:         #c9c7c2;
  --mnm-brand-7:         #c9c7c2;
  --mnm-brand-ink:       #ffffff;
  --mnm-ink-5:           #b9b7b2;   /* the hero's second line: brushed, not bright */
  --mnm-accent-on-dark:  #b9b7b2;
  --mnm-bg-red:          rgba(120,120,128,.12);

  --mnm-shade-black-4:   rgba(23,22,26,.10);
  --mnm-shade-black-5:   rgba(23,22,26,.14);
  --mnm-shade-black-10:  rgba(23,22,26,.07);
  --mnm-bg-slate-dark-4: rgba(23,22,26,.96);   /* the sticky nav */
  --mnm-bg-slate-dark-5: #101015;              /* footer */
  --mnm-line-white:      rgba(255,255,255,.10);
  --mnm-bg-white-6:      rgba(255,255,255,.05);

  /* ---- chimney-only helpers ---- */
  --c-silver:      #8e8e96;
  --c-silver-lit:  #c4c4cb;
  --c-silver-dark: #6b6b73;

  /* on-dark set in soot and silver (P18): the hero and dark bands; tokens.css's are slate */
  --mnm-muted-ondark:    #b9b7b2;
  --mnm-muted-2-ondark:  #c4c4cb;
  --mnm-text-ondark:     #e9e7e2;
  --mnm-faint-ondark:    #9a969f;

  /* the one site footer (templates/_footer.html, P18): brushed silver on soot, 7:1 or better for its small text */
  --mnm-footer-dark-text:   var(--mnm-ink-5);        /* 9.5:1 on #101015 */
  --mnm-footer-dark-link:   var(--c-silver-lit);     /* 10.9:1 */
  --mnm-footer-dark-strong: var(--mnm-brand-ink);
}

/* ================================================================
   Structural exceptions -- a token override alone cannot express these.
   ================================================================ */

/* The brushed-metal edge. This is the "metallic silver elements" line: a thin
   gradient rule rather than a flat grey, so it catches like a chimney cap. */
html[data-season="chimney"] .tile,
html[data-season="chimney"] .svc-card {
  border-top: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--c-silver-dark), var(--c-silver-lit) 45%, var(--c-silver-dark)) 1;
  border-image-slice: 1;
}
html[data-season="chimney"] .tile:hover {
  border-color: var(--c-silver);
}

/* The hero keeps the UP map but goes soot-on-lime-wash instead of navy. */
html[data-season="chimney"] .hero {
  background: linear-gradient(180deg, #17161a 0%, #201e25 60%, #17161a 100%);
}
/* The map's strength is set with the other pages' in landing.html (--hero-map-opacity), not forced here:
   a hard-coded .10 made it nearly invisible on this page (Joseph 2026-09-22: tweak per theme for visibility). */

/* A hairline of silver above the footer, the only ornament. (The top bar is chrome.css's, the same on every page.) */
html[data-season="chimney"] footer {
  border-top: 1px solid var(--c-silver-dark);
}

/* .hdr (print headers, e.g. financials_report_print.html): the chimney mark is black artwork on cream, so
   it needs a light plate to sit on. (The topnav's own mark used to share this selector too, but materials.css
   -- loaded after this file -- always overrode it, first only when the logos_light_dark switch was ON, now
   unconditionally since LG-1, 2026-09-29: "use full logos everywhere". That half of the rule is gone here;
   the topnav mark is set in materials.css.) */
html[data-season="chimney"] .hdr img {
  background: #f7f6f3;
  padding: 3px;
  border-radius: var(--mnm-radius-small);
}

/* Buttons: soot fill, silver edge. */
html[data-season="chimney"] .btn-main,
html[data-season="chimney"] .hero-cta {
  background: #17161a;
  color: #ffffff;
  border: 1px solid var(--c-silver);
}