/* ReidAtlantic — Color tokens
   Restrained black-and-white UI shell with brand color arriving through
   media, editorial chips, and dark product bands. */

:root {
  /* ---- Brand & accent (base) ---- */
  --color-black: #000000;          /* announcement bar, brand anchor, highest contrast */
  --color-near-black: #17171c;     /* primary CTA, dark footer, deep UI cards */
  --color-green-deep: #003c33;     /* product hero bands (Command / North style) */
  --color-navy: #071829;           /* financial-services & security solution bands */
  --color-blue: #1863dc;           /* editorial links, pagination, secondary emphasis */
  --color-coral: #ff7759;          /* blog taxonomy chips, warm product markers */
  --color-coral-soft: #ffad9b;     /* pale chip borders, segmented label details */

  /* ---- Surface & background (base) ---- */
  --color-white: #ffffff;          /* dominant page + card surface */
  --color-stone: #eeece7;          /* product cards, testimonial + warm neutral blocks */
  --color-wash-green: #edfce9;     /* section backdrop behind dark capability panels */
  --color-wash-blue: #f1f5ff;      /* CTA surface behind abstract 3D imagery */
  --color-card-border: #f2f2f2;    /* softest card containment line */

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

  /* ---- Semantic state (base) ---- */
  --color-focus: #4c6ee6;          /* keyboard focus ring */
  --color-focus-violet: #9b60aa;   /* text-input focus border */
  --color-error: #b30000;          /* validation-like ring / shadow */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--color-white);
  --surface-card: var(--color-white);
  --surface-stone: var(--color-stone);
  --surface-dark: var(--color-near-black);
  --surface-green: var(--color-green-deep);
  --surface-navy: var(--color-navy);
  --surface-wash-green: var(--color-wash-green);
  --surface-wash-blue: var(--color-wash-blue);

  --text-primary: var(--color-ink);
  --text-strong: var(--color-black);
  --text-muted: var(--color-slate-muted);
  --text-tertiary: var(--color-slate);
  --text-on-dark: var(--color-white);
  --text-on-dark-muted: rgba(255, 255, 255, 0.64);
  --text-link: var(--color-blue);

  --border-default: var(--color-hairline);
  --border-subtle: var(--color-border-light);
  --border-card: var(--color-card-border);
  --border-on-dark: rgba(255, 255, 255, 0.16);

  --accent-coral: var(--color-coral);
  --accent-coral-border: var(--color-coral-soft);
  --accent-blue: var(--color-blue);

  --cta-fill: var(--color-near-black);
  --cta-fill-hover: #000000;
  --cta-text: var(--color-white);
  --cta-fill-inverse: var(--color-white);
  --cta-text-inverse: var(--color-near-black);

  --ring-focus: var(--color-focus);
  --ring-input-focus: var(--color-focus-violet);
}