/**
 * Shared login surface for Station + Admin portals.
 * Override :root accents toward teal brand without rewriting full login markup.
 */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

html, body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif !important;
}

:root {
  --primary: #0d9488 !important;
  --primary-dark: #0f766e !important;
  --primary-light: #ccfbf1 !important;
  --primary-glow: rgba(13, 148, 136, 0.16) !important;
  --secondary: #0284c7 !important;
  --accent: #0ea5e9 !important;
  --brand: #0d9488 !important;
  --brand-2: #14b8a6 !important;
  --gradient-start: #0f766e !important;
  --gradient-end: #14b8a6 !important;
  --gradient-secondary: #0284c7 !important;
}

body {
  background: linear-gradient(160deg, #f0fdfa 0%, #f8fafc 45%, #e0f2fe 100%) !important;
}

.login-card,
.auth-card,
.login-box,
.card.login-card {
  border-radius: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1) !important;
}

.btn-primary,
.btn-success,
button[type="submit"].btn {
  background: linear-gradient(135deg, #0f766e, #0d9488) !important;
  border-color: transparent !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

.btn-primary:hover,
.btn-success:hover,
button[type="submit"].btn:hover {
  background: linear-gradient(135deg, #0d9488, #14b8a6) !important;
}

.form-control {
  border-radius: 12px !important;
}

.form-control:focus {
  border-color: #0d9488 !important;
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15) !important;
}

.login-brand,
.brand-title,
.auth-header h2,
.auth-header h3,
.login-header h2,
.login-header h3 {
  letter-spacing: -0.03em;
  font-weight: 800 !important;
}

html[data-login-theme="dark"] body,
html[data-pc-theme="dark"] body {
  background: linear-gradient(160deg, #0f172a 0%, #134e4a 50%, #0f172a 100%) !important;
}