/* centralcoast-analytics.com: the look, ruled by Jeremy 2026-10-02.
   One file shared by every draft so the look stays identical across them.
   Record: docs/2026-10-02-claude-frontend-design-scan/findings.md */

:root {
  /* Surfaces: color changes by section, all cool, nothing cream */
  --ink: #101820;
  --deep: #0E3341;        /* deep blue: top of the page, closing band */
  --teal: #1F617A;        /* logo anchor */
  --teal-hover: #174d62;
  --mid: #1F7F94;         /* logo mid teal-blue */
  --sea: #5BB8A0;         /* logo seafoam */
  --sage-logo: #C8E0D0;   /* logo pale sage */
  --sage: #E3F0E9;        /* tint of the logo sage, section band */
  --pale: #E4EFF3;        /* cool teal tint, section band */
  --white: #FFFFFF;
  --malt: #E07830;        /* Brewery Brain orange: main button + call-outs */
  --malt-hover: #C8661F;
  --line: #CFDCE2;
  --rule: #B5C7CF;        /* stronger hairline: frames, dividers, markers */
  --rule-sage: #A9C2B4;   /* hairline on the sage band */
  --foot-text: #B9CFD8;   /* footer body text on ink */
  --muted: #4A5A62;       /* 7:1 on white; white sections only */
  --on-tint: #25343B;     /* secondary text on sage / pale bands */
  --on-dark: #FFFFFF;
  --on-dark-soft: #DCEAF0; /* secondary text on deep / teal bands */

  --display: 'Archivo', 'Arial Narrow', sans-serif;  /* semi-condensed */
  --body: 'Public Sans', 'Segoe UI', sans-serif;
  --stretch: 87.5%;
  --wrap: 1120px;
  --r: 2px;               /* square corners */
  --r-quote: 12px;        /* the one rounded thing: quote boxes (Jeremy, 10/2) */

  /* type steps */
  --fs-small: 15px;
  --fs-body: 18px;
  --fs-lede: 20px;
  --fs-title: 24px;       /* every list / step / belief title */
  /* section spacing */
  --space-section: 92px;
  --space-section-phone: 64px;
  --logo-gradient: linear-gradient(90deg, var(--teal), var(--mid) 35%, var(--sea) 70%, var(--sage-logo));
}

/* NEVER (the ban list, extended after each pass):
   cream or off-white page background · italic accent words in headlines · numbered 01/02/03 labels ·
   monospace or letter-spaced uppercase eyebrow labels · pill buttons · chips or badges above the headline ·
   status dots · gradient fills · cards inside cards · three-across icon grids · gray text on colored
   backgrounds · fade-and-slide on every section · Inter, Roboto, Space Grotesk, Fraunces, Playfair or
   system fonts for headings · narrow headings chopped into short lines · more than one load animation. */