@font-face {
  font-family: 'GT Pressura';
  src: url('./assets/fonts/gt-pressura/GT-Pressura-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'GT Pressura';
  src: url('./assets/fonts/gt-pressura/GT-Pressura-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'GT Pressura';
  src: url('./assets/fonts/gt-pressura/GT-Pressura-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Base font scale (+25%: rem values scale from 20px instead of 16px) */
html { font-size: 20px; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #BEBEBE; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

/* Animations */
@keyframes toast-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes screen-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes accordion-in {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: none; }
}
@keyframes bounce-dots {
  0%,60%,100% { transform: translateY(0); opacity: .5; }
  30% { transform: translateY(-4px); opacity: 1; }
}

/*.animate-screen-in { animation: screen-in 0.25s ease-out; }*/
.animate-toast-in { animation: toast-in 0.3s ease-out; }
.animate-accordion-in { animation: accordion-in 0.15s ease; }

/* Custom Select Arrow */
.select-arrow {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23131215' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

/* WYSIWYG Textarea */
.wysiwyg-textarea {
  flex: 1; width: 100%; min-height: 440px; padding: 28px 32px;
  border: none; outline: none; resize: none;
  font-size: 16px; line-height: 1.8; font-family: inherit;
  background: transparent; color: var(--contrast);
}
.wysiwyg-textarea::placeholder { color: #8a8a8d; font-style: italic; }