/* ═══════════════════════════════════════════════════════════════════
   Energy Plus NY — brand tokens for the social post system.

   Values are SAMPLED FROM THE ARTWORK, not transcribed from a guide.
   Logo greens are read straight out of the logo SVG and are exact.
   Source: assets/01-materials/, Figma EnergyPlus / temp context 3703:34984.

   This file is the client's brand. It is deliberately separate from
   shared/tokens.css, which is the studio's dashboard chrome and must
   not be repainted per project.
   ═══════════════════════════════════════════════════════════════════ */

:root{

/* ── Core ─────────────────────────────────────────────────────────
   Six values carry every layout. Everything else is a role alias.  */

--epny-dark:        #012D30;   /* the ground. Sampled dominant across the
                                  promo set and the swag strips.        */
--epny-light:       #FFFFFF;   /* the other ground.                     */

--epny-green-400:   #6FB966;   /* logo ramp — exact, from the SVG       */
--epny-green-500:   #51B157;
--epny-green-600:   #3C9245;
--epny-green-700:   #327A39;

--epny-ink:         #1A451F;   /* wordmark green on light surfaces      */

--epny-accent:      #F2FF00;   /* SETTLED 2026-09-03. The yellow already on
                                  every CTA bar in production and on printed
                                  collateral that cannot be reprinted. Loud;
                                  a fill, never type on white.          */
--epny-neon:        #00FFA2;   /* accent. Spring green, reads as light. */

/* ── Retired ─────────────────────────────────────────────────────
   Kept named so old markup fails loudly rather than silently.      */

--epny-salad:       var(--epny-accent);  /* was #72FF00 — lost to the
                                  production yellow; aliased so nothing
                                  breaks mid-migration.                 */
--epny-volt-legacy: #B7DE0E;   /* what the older transcribed tokens call
                                  "volt". Superseded by --epny-accent.  */

/* ── Neutrals ────────────────────────────────────────────────────── */

--epny-paper:       #F4F8F5;
--epny-hair-dark:   rgba(255,255,255,.14);
--epny-hair-light:  rgba(1,45,48,.14);
--epny-muted-dark:  rgba(255,255,255,.66);
--epny-muted-light: rgba(1,45,48,.62);

/* ── Chapter identity ────────────────────────────────────────────
   Nine chapters, from the light master document (Frame 20536).
   One hue per chapter, two tuned values. The -on-light value is the
   sampled original; -on-dark is the same hue lifted so it holds on
   the pine ground. Colour lives in the diamond badge and a hairline,
   nowhere else.                                                     */

--ch1-on-light:#EA5A49;  --ch1-on-dark:#FF7D6B;  /* Rebates & Incentives      */
--ch2-on-light:#F4BB00;  --ch2-on-dark:#FFD23D;  /* Financing & Tax Incentives*/
--ch3-on-light:#9CBB00;  --ch3-on-dark:#CBEF2E;  /* Energy Efficient Upgrades */
--ch4-on-light:#42B587;  --ch4-on-dark:#5FE3AC;  /* Building Envelope         */
--ch5-on-light:#2C98F0;  --ch5-on-dark:#63B8FF;  /* Clean Heat Program        */
--ch6-on-light:#5C6BC0;  --ch6-on-dark:#8E9BEA;  /* Firestopping — RESHIFTED  */
--ch7-on-light:#7E57C2;  --ch7-on-dark:#A98BE6;  /* Plumbing & Mech Insulation*/
--ch8-on-light:#D162B3;  --ch8-on-dark:#F08AD4;  /* EV Charging Stations      */
--ch9-on-light:#C87201;  --ch9-on-dark:#FFA33D;  /* Local Law Compliance      */

/* ── Type ────────────────────────────────────────────────────────
   The pair: DIN 2014 (narrow/condensed) for display, Inter for
   everything that has to be read. DIN is a licensed Monotype face
   with no webfont — Barlow Condensed stands in when it is absent.  */

--font-display: 'DIN 2014 Narrow','DIN 2014 Condensed','DIN 2014',
                'Barlow Condensed','Oswald',
                ui-sans-serif,system-ui,sans-serif;
--font-text:    'Inter',ui-sans-serif,system-ui,-apple-system,
                'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;

--fw-regular:400; --fw-medium:500; --fw-semibold:600;
--fw-bold:700;    --fw-extrabold:800;

/* social canvas is 1080×1350 — the display sizes below are px on that
   canvas, so they can be read straight off this page into a template */
--fs-mega:208px;  /* Number posts only: one figure carrying the canvas.
                     Added 2026-09-03 — the scale below was written for
                     text-heavy layouts and had no poster step, so the
                     first concepts invented sizes instead of using it. */
--fs-hero:112px;  --fs-display:72px; --fs-headline:52px;
--fs-title:38px;  --fs-lead:30px;    --fs-body:26px;
--fs-label:22px;  --fs-micro:18px;

/* ── The artboard grid ───────────────────────────────────────────
   Every element sits on this or it is wrong. Margin 72, six columns
   of 136 with 24 gutters, 12px baseline. Display type in DIN needs an
   optical pull of about -0.055em to sit on the same left edge as the
   body text below it — metric alignment reads as misalignment.      */
--pad:72px;  --col:136px;  --gut:24px;  --base:12px;

/* Optical correction is ZERO, and that is a measured result, not an
   oversight. DIN 2014 Narrow carries effectively no left side bearing on
   caps or digits: at 208px the metric left edge already landed on the
   grid at 72. An em-based pull was applied blind and dragged the figure
   to 61 — it broke the alignment it was meant to fix. If a face with real
   bearing is ever swapped in, tune this per size rather than in em.    */
--optical:0;

--lh-display:0.92; --lh-tight:1.05; --lh-body:1.4;
--ls-display:-0.01em; --ls-caps:0.06em;
}