/*
 * CardioConnect site design tokens.
 *
 * Bootstrap and base.css own every component and layout rule. This file loads
 * last and only changes the visual identity of those shared components.
 */

:root {
  /* Colour */
  --gnm-bg: #f5f7fb;
  --gnm-surface: #ffffff;
  --gnm-surface-soft: #eef3fb;
  --gnm-text: #0a1830;
  --gnm-text-muted: #5d6b80;
  --gnm-border: #e6e8ee;

  --gnm-primary: #0a1830;
  --gnm-primary-rgb: 10, 24, 48;
  --gnm-primary-strong: #33698f;
  --gnm-primary-strong-rgb: 51, 105, 143;
  --gnm-primary-2: #0a1830;
  --gnm-secondary: #33698f;
  --gnm-secondary-rgb: 51, 105, 143;
  --gnm-accent: #a8cbe8;
  --gnm-action-bg: #4083b0;
  --gnm-action-hover: #33698f;

  /* Typography */
  --gnm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --gnm-heading-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Shape and elevation */
  --gnm-radius-sm: 7px;
  --gnm-radius-md: 10px;
  --gnm-radius-lg: 14px;
  --gnm-radius: var(--gnm-radius-md);
  --gnm-shadow-rgb: 10, 24, 48;
  --gnm-focus-color: #33698f;

  /* Shared component states that intentionally use the brighter action blue. */
  --gnm-statebtn: #4083b0;
  --gnm-statebtn-ink: #33698f;
  --gnm-statebtn-rgb: 64, 131, 176;
  --gnm-timeline-next: #4083b0;
  --gnm-timeline-next-rgb: 64, 131, 176;
}