:root {
  --vitta-navy-950: #02111f;
  --vitta-navy-900: #031a2d;
  --vitta-navy-800: #06253d;
  --vitta-navy-700: #08395f;
  --vitta-teal-500: #35bfb2;
  --vitta-teal-600: #159b95;
  --vitta-platinum: #edf3f7;
  --vitta-silver: #c9d7e2;
  --vitta-champagne: #d8c99b;

  --background: #f7fafc;
  --foreground: #061c2f;
  --card: #ffffff;
  --card-foreground: #061c2f;
  --popover: #ffffff;
  --popover-foreground: #061c2f;
  --primary: #063b63;
  --primary-foreground: #ffffff;
  --secondary: #edf3f7;
  --secondary-foreground: #08263e;
  --muted: #eef4f7;
  --muted-foreground: #60798d;
  --accent: #dff6f0;
  --accent-foreground: #06253d;
  --destructive: #b42318;
  --destructive-foreground: #ffffff;
  --border: #d6e2ea;
  --input: #d6e2ea;
  --ring: #35bfb2;
  --sidebar: #06253d;
  --sidebar-foreground: #f6fbff;
  --sidebar-primary: #35bfb2;
  --sidebar-primary-foreground: #04131f;
  --sidebar-accent: rgba(255, 255, 255, 0.08);
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: rgba(255, 255, 255, 0.12);
  --sidebar-ring: #35bfb2;
  --radius: 0.5rem;
}

.dark {
  --background: #06131f;
  --foreground: #eef7ff;
  --card: #0b2033;
  --card-foreground: #eef7ff;
  --popover: #0b2033;
  --popover-foreground: #eef7ff;
  --primary: #45c6b7;
  --primary-foreground: #04131f;
  --secondary: #102b43;
  --secondary-foreground: #e9f5fb;
  --muted: #10283d;
  --muted-foreground: #a9bdca;
  --accent: #173f4b;
  --accent-foreground: #eef7ff;
  --destructive: #ef6f61;
  --destructive-foreground: #ffffff;
  --border: #1d3a50;
  --input: #1d3a50;
  --ring: #76d7cc;
  --sidebar: #04111d;
  --sidebar-foreground: #eef7ff;
  --sidebar-primary: #76d7cc;
  --sidebar-primary-foreground: #04131f;
  --sidebar-accent: #102f49;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #17354f;
  --sidebar-ring: #76d7cc;
}

html,
body {
  letter-spacing: 0;
}

body {
  background:
    linear-gradient(180deg, rgba(247, 250, 252, 0.98), rgba(237, 243, 247, 0.94)),
    repeating-linear-gradient(90deg, rgba(6, 37, 61, 0.025) 0 1px, transparent 1px 28px);
}

.dark body {
  background:
    linear-gradient(180deg, #06131f 0%, #071a2a 100%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 30px);
}

img[alt="EVO CRM"],
img[alt="Evo CRM"],
img[alt="VittaCRM"] {
  object-fit: contain;
}

button,
[role="button"],
a {
  letter-spacing: 0;
}

.bg-primary,
button[class*="bg-primary"] {
  box-shadow: 0 8px 18px rgba(6, 37, 61, 0.12);
}

.dark .bg-primary,
.dark button[class*="bg-primary"] {
  box-shadow: 0 8px 18px rgba(53, 191, 178, 0.15);
}

nav a[aria-current="page"],
nav a[data-active="true"] {
  border-color: rgba(53, 191, 178, 0.45);
}

.vitta-brand-credit {
  color: var(--muted-foreground);
}