/* Theme Utilities */
.gradient-text {
  background: linear-gradient(90deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.glass {
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(12px);
  border-radius: var(--radius);
  padding: 20px;
}
:root{
  --brand-300:#5ce1e6; --brand-400:#37c6cc; --brand-500:#1ea6ad; --brand-600:#0c8e95; --brand-700:#0a6f73;
  --surface-1:#111315; --surface-2:#17191c; --surface-3:#1e2125; --surface-4:#2a2f35;
  --text-strong:#e8eaed; --text-muted:#a6adb4;
  --red-600:#ef4444;
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
}
html[data-theme="dark"]{ background: var(--surface-1); color: var(--text-strong); }