:root {
  /* Brand */
  --color-brand-primary: #0066CC; /* Deep Sky Blue */
  --color-brand-accent:  #FFA726; /* Vibrant Orange */

  /* Neutral */
  --color-neutral-dark:  #1F2937; /* Text/headings */
  --color-neutral-muted: #6B7280; /* Subtext/help */
  --color-neutral-light: #F5F8FA; /* Backgrounds */

  /* Status */
  --color-status-success: #28A745;
  --color-status-danger:  #DC3545;
  --color-status-warning: #FFC107;
  --color-status-info:    #17A2B8;

  /* Bootstrap bridge (lets components pick up your brand automatically) */
  --bs-primary: var(--color-brand-primary);
  --bs-link-color: var(--color-brand-primary);
  --bs-link-hover-color: color-mix(in srgb, var(--color-brand-primary) 80%, black);
}