/* IT for what comes next — palette override */
:root {
  --bg: #0A3D3D;
  --bg-2: #0a4d4d;
  --accent: #0891b2;
  --accent-2: #06b6d4;
  --accent-3: #7CF2E8;
  --text: #ecfeff;
  --muted: #6b7280;
}
body {
  background-image:
    radial-gradient(ellipse 80% 55% at 18% -8%, color-mix(in srgb, #06b6d4 14%, transparent), transparent 70%),
    radial-gradient(ellipse 60% 45% at 82% 10%, color-mix(in srgb, #0891b2 8%, transparent), transparent 65%),
    radial-gradient(circle at 50% 55%, color-mix(in srgb, #0a4d4d 35%, transparent), #0A3D3D);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.topbar { background: color-mix(in srgb, #0a4d4d 96%, transparent); border-bottom: 1px solid color-mix(in srgb, #0891b2 14%, transparent); }
.topbar .brand { color: #7CF2E8; }
footer.site { background: #050505; }
.card-cta {
  display: inline-block; margin-top: 12px; font-size: 0.9rem;
  color: #7CF2E8; border-bottom: 1px solid color-mix(in srgb, #7CF2E8 40%, transparent);
}
.card-cta:hover { border-bottom-color: #7CF2E8; }