/**
 * T4 Travel – Theme from logo (logo-t4.svg)
 * Primary: #0270FB  |  Accent: #E96719
 */
:root {
  /* Logo primary blue */
  --t4-primary: #0270FB;
  --t4-primary-dark: #015dd1;
  --t4-primary-darker: #014aa8;
  --t4-primary-light: #e8f1fe;
  --t4-primary-rgb: 2, 112, 251;

  /* Logo accent orange */
  --t4-accent: #E96719;
  --t4-accent-dark: #d45a15;
  --t4-accent-light: #fef3eb;
  --t4-accent-rgb: 233, 103, 25;
}

/* Utility classes for logo colours */
.t4-bg-primary { background-color: var(--t4-primary) !important; }
.t4-bg-primary-dark { background-color: var(--t4-primary-dark) !important; }
.t4-text-primary { color: var(--t4-primary) !important; }
.t4-border-primary { border-color: var(--t4-primary) !important; }

.t4-bg-accent { background-color: var(--t4-accent) !important; }
.t4-text-accent { color: var(--t4-accent) !important; }
.t4-border-accent { border-color: var(--t4-accent) !important; }

/* Override Bootstrap primary to match logo (when theme.css loads after Bootstrap) */
.btn-primary,
.bg-primary,
a.btn-primary:hover,
a.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  background-color: var(--t4-primary) !important;
  border-color: var(--t4-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--t4-primary-dark) !important;
  border-color: var(--t4-primary-dark) !important;
}
.text-primary { color: var(--t4-primary) !important; }
.border-primary { border-color: var(--t4-primary) !important; }
a:not(.btn).text-primary:hover { color: var(--t4-primary-dark) !important; }