/*
 * Bridge design tokens
 *
 * Single source of truth for Bridge-specific colors. Loaded BEFORE all other
 * project CSS so every rule can reference var(--bridge-*).
 *
 * Scope:
 *   - Bridge brand surfaces, text, accent, info-blue, stock module tags.
 *   - Bootstrap colors (primary, success, warning, danger, secondary) are
 *     NOT duplicated here. Reference Bootstrap's own --bs-* and --bs-*-rgb
 *     tokens directly.
 *   - Mobile theme has its own self-contained palette at the top of
 *     mobile.css (--mob-*); kept separate by design.
 *
 * `-rgb` companions exist only for tokens that have rgba() consumers in the
 * codebase today. Add a companion if/when a new alpha use appears.
 */

:root {
  /* ---- Surfaces (dark theme — chiller sidebar, login, modals) ---- */
  --bridge-surface-dark:        #31353d;   /* sidebar bg, login card, mob-modal */
  --bridge-surface-dark-2:      #3a3f48;   /* sidebar footer, dark form fill, modal borders */
  --bridge-surface-border:      #464a52;   /* dark surface dividers */

  /* ---- Text on dark / light surfaces ---- */
  --bridge-dark-text:           #b8bfce;   /* primary text on dark */
  --bridge-dark-muted:          #a8afbd;   /* muted text on dark — AA-compliant on #31353d (5.58:1) and #3a3f48 (4.80:1) */
  --bridge-light-muted:         #697079;   /* muted text on white — AA-compliant (5.01:1) */

  /* ---- Brand accent (+ rgb for the 12 alpha consumers) ---- */
  --bridge-accent:              #16c7ff;
  --bridge-accent-rgb:          22, 199, 255;

  /* ---- Info-blue (Bridge info palette, separate from Bootstrap's cyan) ---- */
  --bridge-info-blue:           #3994c3;   /* canonical ambient info */
  --bridge-info-toast-bg:       #2e76a0;   /* white text passes AA (4.98:1) */

  /* ---- Stock module semantic tags ---- */
  --bridge-tag-blue:            #3a85bf;
  --bridge-tag-blue-rgb:        58, 133, 191;
  --bridge-tag-purple:          #6c58b3;
  --bridge-tag-purple-rgb:      108, 88, 179;
}