@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,500;0,600;0,700;1,400&display=swap');

:root {
  --color-primary: #0284c7;
  --color-primary-dark: #0369a1;
  --color-emerald: #059669;
  --color-emerald-dark: #047857;
  --color-slate-dark: #0f172a;
  --font-main: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: 'Plus Jakarta Sans', system-ui, sans-serif;
  --border-radius: 8px;
  --card-radius: 14px;
}

body, html {
  font-family: var(--font-main);
  color: #334155;
  background-color: #f8fafc;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: #0f172a;
}

.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.card-hover:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 24px -6px rgba(15, 23, 42, 0.08), 0 8px 16px -4px rgba(15, 23, 42, 0.04);
}

#cookie-banner {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translate(-50%, -45%); }
  to { opacity: 1; transform: translate(-50%, -50%); }
}

input:focus, textarea:focus, select:focus {
  outline: 2px solid #0284c7;
  outline-offset: 1px;
}