/* kitchenbridget.css — this site's @fgl/vituno token overrides (Story 4.4.1).
 *
 * The ENTIRE supported brand surface (KB fgl-frontend-pattern): every custom
 * property here must name a token in src/_includes/fgl/tokens.json — the
 * override-lint gate (npm run gates) rejects orphans. Values are the shipped
 * Kitchen Bridget brand, traced to the palette in src/assets/css/style.css;
 * the palette itself stays in style.css (site-owned), only the framework
 * mapping lives here. Linked in base.njk right after fgl/tokens.css so these
 * win the token contest by declaration order; the site bundle loads later
 * still, so site rules always beat framework rules of equal specificity.
 *
 * Until component markup adopts framework classes page-by-page (explicitly
 * out of Story 4.4.1's scope), these values steer only /styleguide (once
 * vituno Story 3.1.1 links this file there) and future swaps.
 */

:root {
  /* Brand — Boxwood Green primary, Copper Pot secondary (style.css palette) */
  --brand-primary: #3A5335;
  /* Hover/active mirror the donor pair's ~80%/~66%-toward-black relationship */
  --brand-primary-hover: color-mix(in srgb, #3A5335 80%, black);
  --brand-primary-active: color-mix(in srgb, #3A5335 66%, black);
  --brand-secondary: #B86944;

  /* Surfaces & ink — Crème Anglaise page, Crisp Linen elevated, Chocolate ink */
  --surface-primary: #EDE4D3;
  --surface-elevated: #FDFBF7;
  --ink-body: #4A2E24;
  /* Same formula as style.css --color-text-muted (chocolate 50% + truffle) */
  --ink-muted: color-mix(in srgb, #4A2E24 50%, #7E7065);
  --border-subtle: #D8D4CC;

  /* Accents — Signature Denim informational, Heirloom Tomato for form errors */
  --accent-info: #425B76;
  --color-error-form: #D64F41;

  /* Focus — the site rings in brand primary (style.css convention) */
  --focus-ring: 0 0 0 2px var(--brand-primary);

  /* Typography — system-ui body stack; Lora headings stay a site concern.
     Overriding --font also means the vendored Atkinson face is never used,
     so the @font-face in fgl/tokens.css triggers no download. */
  --font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;

  /* Geometry — recipe item 3 (published-vs-live token check): site chrome
     caps at 72rem (style.css --max-width), reading measure is 68ch */
  --content-full: 72rem;
  --measure: 68ch;
}