/* Cohere — color tokens.
   Base palette + semantic aliases. UI shell stays restrained; color arrives
   through photography, dark product bands, coral editorial chips and blue links. */
:root {
  /* --- Brand & accent --- */
  --cohere-black: #000000;        /* announcement bar, brand anchor, highest contrast */
  --near-black: #17171c;          /* primary CTA, dark footer, deep UI cards */
  --green-deep: #003c33;          /* product hero bands (North / Command) */
  --navy-dark: #071829;           /* finance & security solution bands */
  --action-blue: #1863dc;         /* editorial links, pagination, secondary emphasis */
  --coral: #ff7759;               /* blog category chips, taxonomy, warm markers */
  --coral-soft: #ffad9b;          /* pale chip borders, segmented label details */

  /* --- Surface & background --- */
  --canvas: #ffffff;              /* dominant page + card surface */
  --stone: #eeece7;               /* product cards, testimonial + warm neutral blocks */
  --wash-green: #edfce9;          /* North-style section backdrop */
  --wash-blue: #f1f5ff;           /* blog CTA surface behind 3D imagery */
  --card-border: #f2f2f2;         /* softest card containment line */

  /* --- Text & rules --- */
  --ink: #212121;                 /* default body + link text on light */
  --muted-slate: #93939f;         /* footer links, dates, metadata */
  --slate: #75758a;               /* research separators, tertiary text */
  --hairline: #d9d9dd;            /* standard list rules + dividers */
  --border-light: #e5e7eb;        /* secondary divider / utility rule */

  /* --- Semantic state --- */
  --focus-blue: #4c6ee6;          /* keyboard focus ring */
  --focus-violet: #9b60aa;        /* text input focus border */
  --error-red: #b30000;           /* validation ring / shadow */

  /* --- Semantic aliases (use these in components) --- */
  --surface-page: var(--canvas);
  --surface-card: var(--canvas);
  --surface-card-warm: var(--stone);
  --surface-dark: var(--near-black);
  --surface-product-green: var(--green-deep);
  --surface-product-navy: var(--navy-dark);

  --text-primary: var(--ink);
  --text-on-dark: #ffffff;
  --text-muted: var(--muted-slate);
  --text-tertiary: var(--slate);
  --text-link: var(--action-blue);

  --border-default: var(--hairline);
  --border-soft: var(--card-border);
  --border-utility: var(--border-light);

  --accent-editorial: var(--coral);
  --accent-link: var(--action-blue);

  --cta-fill: var(--near-black);
  --cta-text: #ffffff;

  --ring-focus: var(--focus-blue);
}