/* Brand colours sampled from VeyroAvatar.png; darker variants keep text legible. */
:root {
  --veyro-navy: #0c1627;
  --veyro-navy-raised: #10263a;
  --veyro-navy-panel: #132b40;
  --veyro-teal: #2de2cf;
  --veyro-blue: #31bdfd;
  --veyro-teal-ink: #0c7a72;
  --veyro-teal-strong: #075f65;
  --veyro-blue-ink: #075c86;
  --veyro-surface: #f4f9fc;
  --veyro-surface-soft: #e9f4f8;
  --veyro-ink: #142e42;
  --veyro-muted: #526a7d;
  --veyro-text-on-dark: #eff8ff;
  --veyro-muted-on-dark: #a5b7c9;
  --veyro-line: rgba(31, 71, 94, .16);
  --veyro-line-on-dark: rgba(158, 205, 227, .16);
  --veyro-focus: #087da4;
  --veyro-warning: #f6bc63;
  --veyro-warning-ink: #8a4f09;
  --veyro-danger: #ff7283;
  --veyro-danger-ink: #a9293b;
  --veyro-brand-gradient: linear-gradient(135deg, var(--veyro-teal), var(--veyro-blue));
  --veyro-action-gradient: linear-gradient(135deg, var(--veyro-teal-ink), var(--veyro-blue-ink));
}