/*
  colors.css — Virtumed Brand Colours
  =====================================
  This file stores the official Virtumed brand colours in one place.
  To change a colour across the whole site, edit the value here.

  HOW TO USE:
  - This file is already linked in every page.
  - In any CSS style block, use: var(--color-primary) instead of #b12653
  - New pages should use these variables throughout their styles.

  These variables do NOT affect existing pages until you
  replace their hardcoded colour values with var(...) references.
*/

:root {
  /* Main brand rose/burgundy — used for buttons, headings, highlights */
  --color-primary:   #b12653;

  /* Sage teal — used for accents, eyebrow text, secondary highlights */
  --color-secondary: #619c9a;

  /* Near-black — used for body text */
  --color-dark:      #1c1c2e;

  /* Off-white — used for page backgrounds */
  --color-bg:        #faf8f4;

  /* Light cream — used for section backgrounds */
  --color-light:     #f5f2ee;

  /* Pure white */
  --color-white:     #ffffff;

  /* Glassmorphism — semi-transparent white for overlays */
  --color-glass:     rgba(255, 255, 255, 0.06);

  /* Subtle border colour */
  --color-border:    rgba(255, 255, 255, 0.10);
}