/* src/style.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
  --radius: 4px;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  font-family:
    "Manrope",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
  background-color: #ffffff;
  color: #1e293b;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
.font-heading {
  font-family: "Sora", sans-serif !important;
  letter-spacing: -0.02em;
}
*,
*:before,
*:after {
  --rounded-base: 4px;
}
.rounded-box,
.rounded-sm,
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.rounded-2xl,
input,
button,
select,
textarea,
.card,
.modal-content,
.badge,
.calendar-cell,
.event-chip {
  border-radius: 4px !important;
}
.bg-gradient-brand {
  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #4f46e5 50%,
      #7c3aed 100%);
}
.bg-gradient-brand-subtle {
  background:
    linear-gradient(
      135deg,
      #eff6ff 0%,
      #eef2ff 50%,
      #f5f3ff 100%);
}
.text-gradient-brand {
  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #6366f1 50%,
      #8b5cf6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.day-gradient-subtle {
  background:
    linear-gradient(
      135deg,
      #f0f7ff 0%,
      #f3f0ff 100%) !important;
  border-left: 2px solid #6366f1 !important;
}
.day-gradient-vibrant {
  background:
    linear-gradient(
      135deg,
      #e0e7ff 0%,
      #ede9fe 100%) !important;
  border-left: 2px solid #4f46e5 !important;
  box-shadow: inset 0 0 0 1px rgba(99, 102, 241, 0.15) !important;
}
.day-gradient-glow {
  background:
    linear-gradient(
      135deg,
      #dbeafe 0%,
      #e0e7ff 50%,
      #f3e8ff 100%) !important;
  border-left: 2px solid #7c3aed !important;
  box-shadow: inset 0 0 0 1px rgba(124, 58, 237, 0.2) !important;
}
.day-gradient-ocean {
  background:
    linear-gradient(
      135deg,
      #ecfeff 0%,
      #e0f2fe 50%,
      #ede9fe 100%) !important;
  border-left: 2px solid #0284c7 !important;
  box-shadow: inset 0 0 0 1px rgba(2, 132, 199, 0.15) !important;
}
.day-gradient-lavender {
  background:
    linear-gradient(
      135deg,
      #f5f3ff 0%,
      #ede9fe 50%,
      #fae8ff 100%) !important;
  border-left: 2px solid #8b5cf6 !important;
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.15) !important;
}
.day-gradient-sunset {
  background:
    linear-gradient(
      135deg,
      #fff1f2 0%,
      #fef3c7 50%,
      #fdf4ff 100%) !important;
  border-left: 2px solid #f43f5e !important;
  box-shadow: inset 0 0 0 1px rgba(244, 63, 94, 0.15) !important;
}
.day-gradient-aurora {
  background:
    linear-gradient(
      135deg,
      #f0fdf4 0%,
      #e0f2fe 50%,
      #f5f3ff 100%) !important;
  border-left: 2px solid #10b981 !important;
  box-shadow: inset 0 0 0 1px rgba(16, 185, 129, 0.15) !important;
}
.day-gradient-twilight {
  background:
    linear-gradient(
      135deg,
      #eef2ff 0%,
      #f3e8ff 50%,
      #ffe4e6 100%) !important;
  border-left: 2px solid #4338ca !important;
  box-shadow: inset 0 0 0 1px rgba(67, 56, 202, 0.15) !important;
}
.day-gradient-emerald {
  background:
    linear-gradient(
      135deg,
      #ecfdf5 0%,
      #f0fdfa 50%,
      #e0f2fe 100%) !important;
  border-left: 2px solid #059669 !important;
  box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.15) !important;
}
.day-gradient-berry {
  background:
    linear-gradient(
      135deg,
      #fdf4ff 0%,
      #fae8ff 50%,
      #eef2ff 100%) !important;
  border-left: 2px solid #c026d3 !important;
  box-shadow: inset 0 0 0 1px rgba(192, 38, 211, 0.15) !important;
}
.text-gradient-brand {
  background:
    linear-gradient(
      135deg,
      #2563eb 0%,
      #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.border-gradient-brand {
  border-image:
    linear-gradient(
      135deg,
      #2563eb,
      #7c3aed) 1;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}
@keyframes pulse-subtle {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
.animate-pulse-subtle {
  animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.animate-heartbeat {
  display: inline-block;
  animation: heartbeat 1.35s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform;
}
/*# sourceMappingURL=bundle.css.map */