/* custom variables and fonts for Clínica FeFisio */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

:root {
  --areia: #f7f6f2;
  --areia-warm: #f0eee6;
  --sage: #dfebd5;
  --petroleo: #3b626c;
  --petroleo-deep: #1c373e;
  --dourado: #bfa05e;
  --dourado-soft: #cdac6b;
  --texto: #4b4e4c;
  --texto-soft: #797c7a;

  --border: rgba(75, 78, 76, 0.12);
  --ease-atelier: cubic-bezier(0.32, 0.72, 0, 1);
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--areia);
  color: var(--texto);
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}

textarea {
  overflow-x: hidden;
}

/* Animations */
@keyframes revealUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-reveal {
  animation: revealUp 0.9s var(--ease-atelier) both;
}

/* Custom styles for accordion/modals scrollbar */
::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: rgba(191, 160, 94, 0.1);
}
::-webkit-scrollbar-thumb {
  background: var(--dourado-soft);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dourado);
}

/* Custom class for selections */
::selection {
  background-color: rgba(59, 98, 108, 0.15);
  color: var(--petroleo-deep);
}

/* Safe transition for cards hover scale */
.ease-atelier-transition {
  transition: all 1.2s cubic-bezier(0.32, 0.72, 0, 1);
}