/* ===== INSS quick skin (edit freely) ===== */
:root {
  --inss-primary: #0f6fff;      /* change to your brand blue */
  --inss-accent:  #00b894;      /* secondary accent (optional) */
  --inss-text:    #1a1a1a;
}

html, body {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--inss-text);
}

a { color: var(--inss-primary); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Buttons */
.btn, .button, button, input[type=submit] {
  background: var(--inss-primary);
  border: none;
  color: #fff !important;
  padding: .6rem 1rem;
  border-radius: .5rem;
}
.btn:hover, .button:hover, button:hover, input[type=submit]:hover {
  filter: brightness(.92);
}

/* Top nav tweaks */
.navbar, .site-nav, header .navbar {
  border-bottom: 1px solid #eee;
}
.navbar a, .site-nav a {
  font-weight: 600;
}

/* Cards / lists */
.card, .panel, .article-list .article {
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 1rem;
}

/* Footer */
footer {
  border-top: 1px solid #eee;
  margin-top: 2rem;
  padding-top: 1.5rem;
  color: #555;
  font-size: 0.95rem;
}

/* Tables (issues, articles) */
table {
  width: 100%;
  border-collapse: collapse;
}
th, td { padding: .6rem .5rem; border-bottom: 1px solid #f0f0f0; }

/* Forms */
input, select, textarea {
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  padding: .55rem .7rem !important;
}
label { font-weight: 600; }

/* Headings */
h1, h2, h3 { letter-spacing: .2px; }
h1 { font-weight: 700; }
h2, h3 { font-weight: 600; }