/* ============================================================================
   UseTalos BRAND TOKENS — single source of truth for site-wide color.
   Ticket 184 (2026-07-25): consolidates the site's color into ONE file,
   derived from the company BRAND-THEME.md kit (00-START-HERE/BRAND-THEME.md,
   "White + Red" sanctioned pair, light-first + dark toggle), while keeping
   the same custom-property NAMES the live pages already use (--azure/--blue,
   --cyan/--blue2, --sapphire/--blue-deep, --coral/--red, --ink, --ink2, --bg,
   --line, --teal/--gold/--accent-green/--accent-pink as section accents) so
   every page that already reads those vars picks up the new values with no
   markup changes.
   Load this FIRST (before a page's own <style>/CSS so page-level literals
   can still override for a deliberate one-off exception) OR let a page's own
   :root fall back to it via `@import` + remove its local color lines — see
   05-WEBSITE/assets/ut-core.css, content.css, styles.css, techify.css and
   usetalos-robot-home/index.html for the reference wiring.
   Do NOT hand-edit compiled dist/ — this file is copied there by
   tools/build-dist-v2.py (via copy_assets()'s asset-ref scan or the
   site-pages/team-edge asset copy) whenever it's actually referenced.
   ========================================================================== */
:root{
  /* ---- brand core (BRAND-THEME.md "White + Red" pair) ---- */
  --azure:#2563eb; --blue:#2563eb;                 /* primary accent (was #1E9BFF) */
  --cyan:#3b82f6; --blue2:#3b82f6; --blue-2:#3b82f6;/* secondary/highlight accent (was #45E3FF) */
  --sapphire:#1d4ed8; --blue-deep:#1d4ed8; --blue-ink:#1d4ed8; /* deep/link shade (was #0B5FD9) */
  --coral:#ef4444; --red:#ef4444;                   /* CTA / brand red (was #FF6A55) */
  --red2:#dc2626; --red-2:#dc2626; --red-ink:#dc2626; --red-deep:#dc2626; /* deeper red (was #E85541/#F0543F) */

  /* ---- text ---- */
  --ink:#11203a; --ink2:#5b6b86; --ink3:#7d8ba8;    /* was #0A2540 / #3A5578 / #6E86AB */
  --ink-2:#5b6b86; --ink-3:#7d8ba8; --ink-soft:#5b6b86; --ink-faint:#7d8ba8;

  /* ---- surfaces ---- */
  --bg:#f6f9ff; --bg2:#eef3fc; --surface:#ffffff; --surface2:#eef3fc; --card:#ffffff;
  --line:#dbe5f5; --line2:#e4edff;

  /* ---- section-level accent slots (BRAND-THEME sanctioned amber/green/pink) ---- */
  --teal:#16a34a; --accent-green:#16a34a; --green:#16a34a;   /* was #12C2B0 / #22C58B */
  --gold:#d97706; --amber:#d97706;                            /* was #FFC24B */
  --accent-pink:#db2777; --pink:#db2777;                      /* was #FF6FB3 */

  --shadow:0 6px 24px rgba(37,99,235,.10);
  --radius:16px;
}
html[data-theme="dark"]{
  --azure:#3b82f6; --blue:#3b82f6;
  --cyan:#6db3ff; --blue2:#6db3ff; --blue-2:#6db3ff;
  --sapphire:#1d4ed8; --blue-deep:#1d4ed8; --blue-ink:#1d4ed8;
  --coral:#ff5d6c; --red:#ff5d6c;
  --red2:#ff8a70; --red-2:#ff8a70; --red-ink:#ff8a70; --red-deep:#ff8a70;

  --ink:#e8eefb; --ink2:#93a4c4; --ink3:#7e93b6;
  --ink-2:#93a4c4; --ink-3:#7e93b6; --ink-soft:#93a4c4; --ink-faint:#7e93b6;

  --bg:#0a0e16; --bg2:#0f1626; --surface:#111c30; --surface2:#111c30; --card:#111c30;
  --line:#26324d; --line2:#26324d;

  --teal:#4ade80; --accent-green:#4ade80; --green:#4ade80;
  --gold:#FFC857; --amber:#FFC857;
  --accent-pink:#ff6fb5; --pink:#ff6fb5;

  --shadow:0 8px 30px rgba(0,0,0,.45);
}