@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));

:root {
  --accent: #0891b2;
  --accent-hover: #0e7490;
}

@theme inline {
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

body {
  font-family: var(--font-sans), system-ui, sans-serif;
}

/* Tech input styling */
input, select, textarea {
  font-family: inherit;
}

input:focus, select:focus, textarea:focus {
  outline: none;
  ring: 2px;
}

@keyframes check {
  0% { stroke-dashoffset: 20; opacity: 0; }
  50% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

.check-icon polyline {
  stroke-dasharray: 20;
  animation: check 0.3s ease-out forwards;
}
