/* Nova Theme: Clean & Elegant Developer Theme - Main Styles */

/* Motion tokens */
:root {
  --ease-standard: cubic-bezier(.4,0,.2,1);
  --ease-emphasized: cubic-bezier(.2,.8,.2,1);
  --dur-1: 200ms;
  --dur-2: 400ms;
  --dur-3: 700ms;
}

/* Base Styles */
html, body {
  min-height: 100%;
  background: #f8fafc;
  color: #1e293b;
  font-family: 'Inter', 'Poppins', sans-serif;
  font-size: 17px;
  letter-spacing: 0.01em;
  scroll-behavior: smooth;
  transition: background 0.5s, color 0.5s;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Pacifico', cursive;
  color: #0a192f;
  letter-spacing: 1.5px;
  margin-bottom: 0.5em;
  transition: color 0.4s;
}

h1 {
  font-size: 2.8rem;
  line-height: 1.2;
  font-weight: 700;
  /* Ensure smooth text rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
h2 { font-size: 2.2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.2rem; }

/* Color Overrides */
.bg-primary { background: #fff !important; }
.bg-secondary { background: #14b8a6 !important; }
.bg-gray-50, .bg-white { background: #fff !important; }
.text-primary { color: #14b8a6 !important; }
.text-secondary { color: #0a192f !important; }
.text-gray-600, .text-gray-700, .text-gray-800, .text-gray-200 {
  color: #334155 !important;
}

/* Container */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Form Elements */
input, textarea {
  background: #f8fafc;
  color: #1e293b;
  border: 1px solid #e2e8f0;
  font-family: 'Poppins', sans-serif;
  transition: border-color 0.3s, box-shadow 0.3s;
}

input:focus, textarea:focus {
  outline: 2px solid #14b8a6;
  border-color: #14b8a6;
  box-shadow: 0 0 0 2px #14b8a6;
}

/* Shadow Utilities */
.shadow-md, .shadow-sm {
  box-shadow: 0 4px 24px 0 #1a1a1a33 !important;
}

/* Rounded Utilities */
.rounded, .rounded-button {
  border-radius: 12px !important;
  transition: border-radius 0.3s;
}
