/*
 * Marketing ↔ design-system compat layer.
 *
 * Maps the short variable names used throughout marketing/*.html
 * (--navy, --deep, --water, --aqua, --bg, --surface, --text, --muted,
 * --border, --text-body, --aqua-dim, --border-aqua) to the corresponding
 * `--color-*` tokens in the design-system tokens.css (the single source of
 * truth for the palette across tenant + admin + marketing).
 *
 * Phase 6 added this so marketing could adopt the shared palette without
 * rewriting every `var(--navy)` reference in the static HTML. Once the
 * marketing CSS is fully migrated to `var(--color-navy)` form, this file
 * can be deleted.
 *
 * tokens.css MUST be loaded before this file. See the <link> order in
 * each of marketing's HTML entry points.
 */
:root {
  --navy:         var(--color-navy);
  --deep:         var(--color-deep);
  --water:        var(--color-water);
  --aqua:         var(--color-aqua);
  /* --aqua-dim / --border-aqua are opacity overlays of aqua. Keeping them
     as literals here because there's no `--color-aqua-12` / `--color-aqua-28`
     token in the design system; if one is added later, point these at it. */
  --aqua-dim:     rgba(0, 184, 196, 0.12);
  --border-aqua:  rgba(0, 184, 196, 0.28);

  --bg:           var(--color-bg);
  --surface:      var(--color-surface);

  --text:         var(--color-text-strong);
  --text-body:    var(--color-text);
  --muted:        var(--color-text-muted);

  --border:       var(--color-border);
}