/* VLOW Blue Lagoon — primary values from Brand Identity PDF, 01 October 2026.
   Supporting UI tints and semantic colors are application choices, not new brand colors. */
:root {
  --vlow-blue-lagoon: #007A8E;
  --vlow-deep-navy: #102A43;
  --vlow-white: #FFFFFF;
  --vlow-charcoal: #151515;
  --vlow-action-hover: #006577;
  --vlow-action-soft: #E8F4F6;
  --vlow-action-border: #B6D9DF;
  --vlow-surface: #FFFFFF;
  --vlow-canvas: #F4F7F9;
  --vlow-border: #DDE6EC;
  --vlow-text-secondary: #526779;
  --vlow-text-muted: #637888;
  --vlow-success: #287453;
  --vlow-success-soft: #EAF5EF;
  --vlow-warning: #8A5A16;
  --vlow-warning-soft: #FFF4DF;
  --vlow-radius: 14px;
  --vlow-radius-control: 10px;
  --vlow-font: 'DM Sans', 'Segoe UI', Arial, sans-serif;
  --teal: var(--vlow-blue-lagoon);
  --navy: var(--vlow-deep-navy);
  --muted: var(--vlow-text-muted);
  --line: var(--vlow-border);
  --bg: var(--vlow-canvas);
}