:root {
  --indigo:#292159;   /* poda_indigo */
  --cream:#FFF8EF;    /* poda_cream */
  --ink:#0f172a;
  --muted:#6b7280;
  --stroke:#e6e6ea;
}

/* Reset & body */
*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:var(--ink);
  background:#f9f9fb;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Wrapper */
.wrap{max-width:1140px;margin:0 auto;padding:20px}

/* ================= Buttons ================= */
a.btn,
button.btn,
input[type="submit"].btn {
  display: inline-flex;          /* normalize anchor + button */
  align-items: center;           /* vertical center text */
  justify-content: center;       /* horizontal center */
  padding: 10px 16px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  margin: 2px;
  border: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.2;
  box-sizing: border-box;
}

/* Variants */
.btn.primary {
  background: var(--indigo);
  color: #fff;
}
.btn.primary:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
}

.btn.ghost {
  background: #fff;
  color: var(--indigo);
  border: 1px solid var(--indigo);
}
.btn.ghost:hover {
  background: #f9fafb;
}

.btn.danger {
  background: #d9534f;
  color: #fff;
}
.btn.danger:hover {
  background: #c9302c;
}

/* ================= Cards ================= */
.card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  padding:16px;
  margin-bottom:16px;
}

/* ================= Forms ================= */
label{display:block;margin:10px 0 6px}
input[type="text"],
input[type="file"],
select{
  width:100%;
  padding:10px;
  border:1px solid #e5e7eb;
  border-radius:8px;
}
.row{display:flex;gap:12px}
.row>div{flex:1}

.muted{color:var(--muted)}
.hint{color:#64748b;font-size:.9rem}

pre{
  background:#0b1020;
  color:#c2d2ff;
  padding:12px;
  border-radius:8px;
  overflow:auto;
}