/* Cogua brand foundation: the design tokens every surface shares. The reference is the secondary
   pages (Science, About, Plans), per the founder's direction of 2026-09-28. Font files and family
   roles live in css/fonts.css.

   Custom properties only. This file holds no element or class selector, so the owner app can
   import it without inheriting any marketing page layout (scripts/check-site.js enforces that it
   contains only :root and @font-face rules). Page stylesheets keep their own short aliases
   (--bg, --dark, --green, --terra and so on) and point them here. */
:root {
  /* Surfaces */
  --cogua-cream: #FAF8F5;         /* page surface */
  --cogua-cream-2: #F2EDE7;       /* sunk surface: highlights, email box, alternate section */
  --cogua-sand: #E8E3DC;          /* hairline divider */
  --cogua-border: #D8D2CA;        /* card and control border */
  --cogua-white: #FFFFFF;         /* raised card */

  /* Ink */
  --cogua-ink: #1C2421;           /* headings, strong text, dark blocks */
  --cogua-ink-body: #3A4440;      /* long-form body text */
  --cogua-muted: #5A6460;         /* secondary text */

  /* Accents */
  --cogua-forest: #3D6B5E;        /* primary: links, primary controls, the score */
  --cogua-forest-hover: #4A8272;
  --cogua-terracotta: #C4704B;    /* accent: large type, the main call to action, fills */
  --cogua-terracotta-hover: #D4805B;  /* also the accent on ink, where the darker tones do not read */
  --cogua-terracotta-ink: #9E5634;    /* terracotta for small text on light surfaces: eyebrows, inline emphasis */

  /* Status signals (as used on the secondary pages) */
  --cogua-good: #3D8B6E;
  --cogua-caution: #D4944A;
  --cogua-alert: #C4574B;

  /* Decision verbs as readable text on cream: keep, change, add, skip, ask, watch */
  --cogua-status-keep: #1F6E5A;
  --cogua-status-change: #9A6418;
  --cogua-status-add: #A84A2C;
  --cogua-status-skip: #54655E;
  --cogua-status-ask: #5D4BB8;
  --cogua-status-watch: #1F6E92;

  /* Type roles (families come from css/fonts.css) */
  --cogua-weight-body: 400;
  --cogua-weight-heading: 500;
  --cogua-weight-strong: 600;
  --cogua-weight-label: 700;
  --cogua-leading-body: 1.65;
  --cogua-leading-heading: 1.15;
  --cogua-tracking-body: -.005em;
  --cogua-tracking-heading: -.02em;
  --cogua-eyebrow-size: .7rem;
  --cogua-eyebrow-tracking: .14em;

  /* Spacing scale */
  --cogua-space-1: 4px;
  --cogua-space-2: 8px;
  --cogua-space-3: 12px;
  --cogua-space-4: 16px;
  --cogua-space-5: 24px;
  --cogua-space-6: 32px;
  --cogua-space-7: 48px;
  --cogua-space-8: 64px;

  /* Controls */
  --cogua-radius-control: 6px;    /* buttons and inputs inside a page */
  --cogua-radius-card: 14px;
  --cogua-radius-pill: 999px;     /* navigation buttons and chips */
  --cogua-focus-ring: 0 0 0 3px rgba(61, 107, 94, .35);
  --cogua-shadow-card: 0 8px 28px rgba(28, 36, 33, .08);
}