/* Tailwind custom theme (match Astro) */
:root {
  --color-slate-iron: #334155;
  --color-slate-deep: #1e293b;
  --color-slate-blue: #475569;
  --color-steel-blue: #64748b;
  --color-steel-light: #94a3b8;
  --color-accent-blue: #3b82f6;
  --color-accent-blue-dark: #2563eb;
}
.text-slate-iron { color: var(--color-slate-iron); }
.text-slate-deep { color: var(--color-slate-deep); }
.text-slate-blue { color: var(--color-slate-blue); }
.text-steel-blue { color: var(--color-steel-blue); }
.text-steel-light { color: var(--color-steel-light); }
.bg-slate-deep { background-color: var(--color-slate-deep); }
.bg-accent-blue { background-color: var(--color-accent-blue); }
.bg-accent-blue\/90 { background-color: rgba(59, 130, 246, 0.9); }
.bg-accent-blue\/10 { background-color: rgba(59, 130, 246, 0.1); }
.bg-accent-blue\/30 { background-color: rgba(59, 130, 246, 0.3); }
.hover\:bg-accent-blueDark:hover { background-color: var(--color-accent-blue-dark); }
.hover\:border-accent-blue\/30:hover { border-color: rgba(59, 130, 246, 0.3); }
.text-accent-blue { color: var(--color-accent-blue); }
.border-accent-blue\/20 { border-color: rgba(59, 130, 246, 0.2); }
html { scroll-behavior: smooth; }