/* Shared theme for STA System — green / white with yellow accents */
:root{
  --prompt-font: 'Prompt', sans-serif;
  --primary: #2ea56a; /* green */
  --primary-dark: #1f8a53;
  --accent: #ffd54a; /* yellow */
  --bg-light: #f6fff6;
  --card-bg: #ffffff;
  --muted: #6b6b6b;
  --radius: 12px;
}

/* Reset font */
html,body { font-family: var(--prompt-font); }

/* Page background */
body { background: linear-gradient(180deg, var(--bg-light) 0%, #ffffff 100%); }

/* Cards & containers */
.theme-card{
  background: var(--card-bg);
  border-radius: var(--radius);
  box-shadow: 0 12px 36px rgba(20,60,30,0.06);
  overflow: hidden;
}

/* Brand */
.brand { color: var(--primary-dark); font-weight:700; }
.brand .logo { background: linear-gradient(90deg,var(--primary),var(--primary-dark)); color:#fff; border-radius:10px; display:inline-grid; place-items:center; width:48px; height:48px; }

/* Buttons */
.btn-primary-custom{
  background: linear-gradient(90deg,var(--primary),var(--primary-dark));
  border:none; color:#fff; border-radius:10px; padding:10px 14px; font-weight:700;
}
.btn-outline-accent{ border:2px solid var(--accent); color:var(--primary-dark); background:transparent; border-radius:10px; }

/* Links */
a { color: var(--primary-dark); }

a.btn-link-accent{ color:var(--primary-dark); font-weight:600; text-decoration:none; }

/* Forms */
.form-control{ border-radius:10px; border:1px solid #e6efe6; }
.form-control:focus{ box-shadow: 0 0 0 0.12rem rgba(46,165,106,0.12); border-color:var(--primary); }

/* Small utilities */
.center-vert { display:flex; align-items:center; justify-content:center; }

/* Responsive helpers */
@media (max-width:880px){ .login-grid{ grid-template-columns:1fr !important; } }

/* Alerts */
.alert { border-radius:10px; }

/* Table accent */
.table thead { background: linear-gradient(90deg, rgba(46,165,106,0.06), rgba(255,213,74,0.02)); }

/* Footer */
.site-footer{ padding:18px 0; color:var(--muted); text-align:center; }