/* Strato AI Finanças — Premium UI tokens (v1)
   Goal: reduce "AI slop" feel with editorial typography + precise spacing.
*/

:root{
  --bg0:#0b1220;
  --bg1:#0a0f1c;
  --paper:#ffffff;
  --paper2:#f6f7fb;
  --ink:#0b1220;
  --muted:rgba(11,18,32,.62);
  --muted2:rgba(226,232,240,.80);
  --stroke:rgba(15,23,42,.12);
  --stroke2:rgba(15,23,42,.18);

  --blue:#2563eb;
  --blue2:#1d4ed8;
  --green:#16a34a;
  --gold:#f59e0b;

  --r1:18px;
  --r2:26px;
  --shadow1:0 18px 55px rgba(15,23,42,.10);
  --shadow2:0 32px 90px rgba(15,23,42,.12);

  --ease:cubic-bezier(.2,.8,.2,1);
}

/* selection */
::selection{background: rgba(37,99,235,.22); color:#0b1220}

/* typography: display + body */
body{
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}

h1,h2,h3,.display{
  font-family: "Fraunces", ui-serif, Georgia, serif;
  font-variation-settings: "opsz" 96;
  letter-spacing: -0.02em;
}

.smallcaps{letter-spacing:.16em; text-transform:uppercase}

/* buttons */
.btn{
  transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.btn:hover{transform: translateY(-1px)}

.btnPrimary, .btn-primary{
  background: linear-gradient(135deg, rgba(37,99,235,1), rgba(29,78,216,1));
  border-color: rgba(37,99,235,.45);
  color:#fff;
}

/* cards */
.card{border-radius: var(--r2)}

/* form controls */
input, select, textarea{
  font-family: inherit;
}
input[type="text"],input[type="email"],input[type="password"],input[type="number"],select,textarea{
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.92);
  color: var(--ink);
}
input:focus,select:focus,textarea:focus{outline: none; box-shadow: 0 0 0 4px rgba(37,99,235,.15); border-color: rgba(37,99,235,.35)}

/* tables */
table{border-collapse:separate; border-spacing:0}
th{letter-spacing:.12em; text-transform:uppercase}

/* liquid glass helper */
.glass{
  background: rgba(255,255,255,.70);
  border:1px solid rgba(255,255,255,.35);
  box-shadow: 0 18px 60px rgba(15,23,42,.16);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}