/* Aurex visual refresh: an enterprise navy–teal system layered over the exported site. */
:root {
  --background: #f6f8fb;
  --foreground: #142433;
  --card: #ffffff;
  --card-foreground: #142433;
  --popover: #ffffff;
  --popover-foreground: #142433;
  --primary: #16324f;
  --primary-foreground: #ffffff;
  --secondary: #e9eff5;
  --secondary-foreground: #16324f;
  --muted: #eef3f7;
  --muted-foreground: #526579;
  --accent: #0b6b85;
  --accent-foreground: #ffffff;
  --border: #d7e0e8;
  --input: #d7e0e8;
  --ring: #0b6b85;
  --navy: #16324f;
  --navy-deep: #091b2e;
  --steel: #526579;
  --steel-light: #e7edf3;
  --orange: #0b6b85;
  --orange-bright: #0e7896;
  --gradient-hero: linear-gradient(135deg, rgba(9, 27, 46, 0.95) 0%, rgba(22, 50, 79, 0.86) 56%, rgba(9, 27, 46, 0.97) 100%);
  --gradient-accent: linear-gradient(135deg, var(--orange) 0%, var(--orange-bright) 100%);
  --shadow-elevated: 0 24px 60px -24px rgba(9, 27, 46, 0.34);
  --shadow-card: 0 10px 28px -16px rgba(22, 50, 79, 0.28);
  --font-display: "Inter", system-ui, sans-serif;
}

body {
  background: var(--background);
}

.btn-hero {
  border-radius: 0.375rem;
  box-shadow: 0 12px 28px -12px rgba(11, 107, 133, 0.62);
}

.btn-hero:hover {
  box-shadow: 0 16px 34px -12px rgba(11, 107, 133, 0.72);
}

.btn-outline-light {
  border-color: rgba(255, 255, 255, 0.5);
}

header {
  box-shadow: 0 6px 20px -16px rgba(9, 27, 46, 0.85);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(14, 120, 150, 0.42);
  outline-offset: 3px;
}

@media (min-width: 768px) {
  .group:hover {
    box-shadow: var(--shadow-card);
  }
}