/* base.css — minimal (Tailwind handles styling) */

/* FONTS */
@font-face {
  font-family: "titleFont";
  src: url(../fonts/HEADING\ _\ Saira-Medium.ttf);
  font-display: swap;
}
@font-face {
  font-family: "bodyText";
  src: url(../fonts/MAIN\ BODY\ _\ TitilliumWeb-Light.ttf);
  font-display: swap;
}

/* BASIC RESET */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  /* Let Tailwind control colors + typography, but keep a sane default font */
  font-family: "bodyText", system-ui, -apple-system, Segoe UI, Roboto, Arial,
    sans-serif;
  overflow-y: auto; /* IMPORTANT: do not block scroll */
}

/* MEDIA DEFAULTS */
img,
svg,
video,
canvas {
  display: block;
  max-width: 100%;
  height: auto;
}

/* LINKS */
a {
  color: inherit;
  text-decoration: none;
}

/* FORM ELEMENTS (minimal sanity) */
button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* AUTH / WIZARD ANIMATIONS */
@keyframes aaFadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.aa-fade-in {
  animation: aaFadeInUp 0.4s ease-out both;
}

@keyframes aaPopIn {
  0% {
    transform: scale(0.85);
  }
  60% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
.aa-pop {
  animation: aaPopIn 0.18s ease-out both;
}

/* TILE CARDS */
.aa-tile {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / .08);
  overflow: hidden;
  transition: box-shadow .15s, transform .15s, border-color .15s;
}
.aa-tile-prime { background: linear-gradient(160deg, #1c1c2e 40%, #2B6BE8 100%); border-color: #1c1c2e; }
.aa-tile-muted { background: #f8fafc; }
.aa-tile-alert { background: #fff1f2; border-color: #fecdd3; }
.aa-tile:is(a):hover { box-shadow: 0 4px 12px 0 rgb(0 0 0 / .12); transform: translateY(-1px); border-color: #94a3b8; }
.aa-tile:is(a):active { transform: scale(.99); }

/* INVOICE ROWS */
.aa-inv-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: .75rem;
  text-decoration: none;
  color: inherit;
  transition: box-shadow .15s, transform .15s, border-color .15s;
}
.aa-inv-row:hover { box-shadow: 0 4px 12px 0 rgb(0 0 0 / .1); transform: translateY(-1px); border-color: #94a3b8; }
.aa-inv-row:active { transform: scale(.99); }
@media (min-width: 640px) {
  .aa-inv-row { padding: 1rem; gap: 1rem; }
}

/* DASHBOARD MAIN SAFE-AREA PADDING */
.aa-main-content { padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom) + .5rem)); }