/* Teluvio — the site's own colour override (Teluvio brand kit, 2026-09-20).
 *
 * `styles.css` is shared byte-for-byte between both brands' builds
 * (docs/MULTI_BRAND_PLAN.md §5.3, `site/build.py`'s `SHARED_ASSET_NAMES`) and
 * every colour in it is a CSS custom property under `:root` — which is what
 * makes a SECOND `:root { ... }` block, loaded after it, a complete override
 * with no duplication of the other ~900 lines: the cascade takes the
 * last-declared value for each variable at equal specificity.
 *
 * Only linked in for a brand that HAS a theme override
 * (`site/brands/teluvio.json`'s `theme_css`, read by `build.py::head()`);
 * CarCall's own build never references this file, so its Signal Violet stays
 * exactly what it always was.
 *
 * The ramp is the SAME hex values as `frontend/src/index.css`'s
 * `[data-brand="teluvio"]` block (kept there rather than re-derived, closing
 * the app/site palette gap the kit's own README calls out) — `--b*` here is
 * the site's short name for what the app calls `--brand-*`, `--s*` for
 * `--slate-*`. See CLAUDE.md's "Two brands, one platform" section for the
 * hue rationale (176° "Line Teal", 85° from Signal Violet on purpose).
 */
:root {
  --b50:  #EEFBF9;
  --b100: #D3F4F0;
  --b200: #A8E8E1;
  --b300: #6FD5CC;   /* the footer wordmark's suffix, on --s900 below */
  --b400: #38BBB2;
  --b500: #12A19A;   /* anchor — the mark tile, large display text. Not for body text (3.19:1 on white) */
  --b600: #0B7B76;   /* Line Teal Deep. white on it: 5.11:1 — every primary action */
  --b700: #0C6A66;   /* 6.42:1 on white — links, .stat, eyebrow */
  --b900: #0F3F3D;

  /* Chalk, the warm counterpart of Mist Gray — the client here is reading on a
     phone between two jobs, not sitting at a dealership's back-office desk. */
  --s50:  #F8F7F4;
  --s100: #F0EEE9;
  --s200: #E2DFD8;
  --s300: #CBC8C1;
  --s400: #9C9A95;
  --s500: #71706C;
  --s600: #52524E;
  --s700: #3D3D3A;
  --s800: #282928;
  --s900: #17302F;   /* green-black, so text and brand share a temperature */

  /* Re-tinted the same way CarCall's own comment describes: the tinted shadow
     is --b900's rgb, so it moves with the ramp rather than staying violet. */
  --shadow-lg: 0 12px 40px rgb(15 63 61 / 0.12);
}