:root {
  /* Brand */
  --color-primary: #00338E;
  --color-primary-light: rgba(0, 51, 142, 0.08);
  --color-primary-subtle: rgba(0, 51, 142, 0.01);

  /* Text */
  --color-text-primary: #010814;
  --color-text-heading: #001B4A;
  --color-text-dark: #02103B;
  --color-text-muted: #888C93;
  --color-text-white: #FFFFFF;

  /* Background */
  --color-bg-white: #FFFFFF;
  --color-bg-input: #F0F3FC;
  --color-bg-tag: rgba(255, 255, 255, 0.97);

  /* Gradient — Hero */
  --color-gradient-start: #E9EFFF;
  --color-gradient-mid: #F2F5FF;
  --color-gradient-end: #FFFFFF;
  --color-gradient-decoration: #E0E9FF;
}