/* ══════════════════════════════════════════════════════════════════════════════
   PALETTE — Eastern Bay Boat Works                     loaded AFTER kit.css

   REBUILT 2026-09-20. The first version was wrong and it is worth writing down why,
   because it is the reason the site read as generic.

   I sampled their LOGO FILE: a 2000x2000 PNG of white lettering on black. The
   "periwinkle" I pulled out of it (#4D568F) is anti-aliasing on the edge of the
   letters, not a brand colour, and the near-black ground was the logo's canvas
   rather than anything they actually use. A palette built from a logo's edge pixels
   belongs to no one, which is exactly what a template looks like.

   These values are measured off THEIR OWN LIVE SITE (easternbayboatworks.com,
   computed styles, 2026-09-20):

     rgb(245,243,238)  #F5F3EE   the body ground of every page they publish
     rgb(13,39,66)     #0D2742   the header, the cards, the footer
     rgb(176,141,87)   #B08D57   the band under the hero, the buttons, the rules
     rgb(67,49,31)     #43311F   their warm body text
     rgb(233,231,226)  #E9E7E2   their text on the dark bands

   So the real brand is WARM PAPER, DEEP NAVY and BRASS. Not black. The site now
   mirrors their own structure: navy header, brass accents, paper body, navy footer.

   This also puts the build back inside family 06 (heavy, dirt and marine), which
   specifies "off-white body with a dark or saturated first viewport" (Aquamare opens
   deep teal then #F5F5F2; Metric is cream with a cobalt footer). The all-dark build
   was the one shape the reference set does NOT use here.
   ══════════════════════════════════════════════════════════════════════════════ */
:root{
  /* ── the dark bookends: hero, page banners, closing band, footer ────────────
     Their navy, used exactly where they use it. */
  --ground:#0D2742;        /* SOURCE: their site header and footer, measured      */
  --panel:#123152;         /* one step up                                         */
  --panel-2:#1A3D62;       /* two steps up                                        */
  --ink:#0D2742;           /* headings on paper                                   */
  --ink-2:#27405C;
  --ink-3:#4A6076;

  /* ── the two light sources ──────────────────────────────────────────────────
     Warm is their brass. Cool is the Atlantic behind Donnie in his own portrait. */
  --lume:#B08D57;          /* WARM. SOURCE: their accent band and buttons         */
  --lume-hot:#C9A96A;      /* the same brass, lifted, for hover                   */
  --lume-2:#5E86AE;        /* COOL. SOURCE: the water behind Donnie (#9FCCE3 deep)*/

  /* ── accents on the paper layer ─────────────────────────────────────────── */
  --accent:#B08D57;        /* their brass, for BANDS AND BUTTONS, never small text */
  --accent-ink:#7D6132;    /* the same brass darkened for TEXT on paper: brass at    */
                           /* full strength is 2.8:1 on their ground, which fails    */
                           /* outright at the 12.5px the eyebrow is set in. 5.2:1.   */
  --accent-lt:#C9A96A;
  --accent-2:#0D2742;      /* their navy                                          */
  --mark:#B08D57;          /* logo mark only                                      */

  /* ── paper and type ─────────────────────────────────────────────────────────
     #F5F3EE is theirs, measured. Never #FFF: 18 of 19 luxury anchors are warm
     off-white, and their own site already agrees. */
  --paper:#F5F3EE;         /* SOURCE: their page ground                           */
  --paper-2:#FBFAF6;       /* cards, one step brighter, still warm                */
  --line:#E3DCCE;
  --body:#253040;          /* 12.0:1 on --paper, measured                         */
  --muted:#47525F;         /* 7.2:1 on --paper, measured                          */
  --txt:rgba(240,238,232,.93);    /* on the navy bands: 11.4:1, measured          */
  --txt-2:rgba(240,238,232,.74);  /* 7.7:1, measured                              */

  /* ── edges, derived from the brass ──────────────────────────────────────── */
  --edge:rgba(176,141,87,.22);
  --edge-hot:rgba(176,141,87,.52);
  --hair:rgba(176,141,87,.26);
  --glow-a:rgba(176,141,87,.18);
  --glow-b:rgba(94,134,174,.16);

  /* ── type ───────────────────────────────────────────────────────────────────
     MANROPE is the face on their own site (91 elements, the most used real font
     after the Wix default Arial). Using their typeface is most of what makes a
     rebuild read as theirs rather than as a template with their logo dropped in. */
  --serif:"Manrope",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;

  --wrap:1180px;

  /* Square, in the Aman / CRISP camp. Their own buttons sit at a small radius and
     the luxury set never uses the 8 to 14px middle ground. */
  --btn-r:3px;
  /* Family 06 runs the loudest display in the reference set. Manrope is a lot
     wider than Archivo at the same size, so this comes down from 6.6vw. */
  --display:clamp(2.5rem,5.6vw,5.2rem);
}

/* heavy-marine wants the body above the floor: United 23px, Metric 20px. */
body{ font-size:18px; }