/* Shared premium tokens for login, admin, and other satellite pages */
:root {
  --lf-surface: var(--bg-surface, var(--bg-surface));
  --lf-border-subtle: rgba(29, 63, 143, 0.08);
  --lf-shadow-sm: var(--shadow-card, 0 1px 2px rgba(15, 23, 42, 0.06));
  --lf-shadow-md: var(--shadow-card-hover, 0 8px 24px rgba(15, 23, 42, 0.08));
  --lf-radius-md: var(--radius-lg, 12px);
  --lf-radius-lg: var(--radius-lg, 16px);
  --lf-brand: var(--brand-700, var(--brand-700));
  --lf-brand-hover: var(--brand-600);
}

[data-theme="dark"] {
  --lf-surface: var(--bg-surface);
  --lf-border-subtle: rgba(96, 165, 250, 0.12);
  --lf-shadow-sm: var(--shadow-card);
  --lf-shadow-md: var(--shadow-card-hover);
}

/* Admin satellite — cards, stats, info panels */
.stat-card,
.admin-info,
.owner-doc-card {
  background: var(--lf-surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--lf-radius-md);
  box-shadow: var(--lf-shadow-sm);
}

.stat-n { color: var(--fg-1); }
.stat-l,
.page-sub,
.owner-docs-title,
.admin-info-title { color: var(--fg-5); }

.owner-docs-sub,
.admin-info-line { color: var(--fg-4); }

.admin-info-ok {
  color: var(--success);
  background: var(--success-bg);
  border-color: var(--success-border-soft, var(--success-bg));
}

.admin-info-warn {
  color: var(--warn-fg);
  background: var(--warn-bg);
  border-color: var(--warn-bg);
}

[data-theme="dark"] .stat-card,
[data-theme="dark"] .card,
[data-theme="dark"] .admin-info {
  background: var(--bg-surface);
  border-color: var(--border-soft);
}

body {
  font-family: var(--font-sans, system-ui, sans-serif);
}

.card,
.login-card,
.admin-card {
  border-radius: var(--lf-radius-lg);
  box-shadow: var(--lf-shadow-sm);
  border-color: var(--lf-border-subtle);
}

button.primary,
.btn-primary,
input[type="submit"] {
  background: var(--lf-brand);
  border-radius: var(--radius-sm, 8px);
  transition: background var(--dur-fast, 150ms) var(--ease-standard, ease);
}

button.primary:hover,
.btn-primary:hover,
input[type="submit"]:hover {
  background: var(--lf-brand-hover);
}

.hint,
.muted {
  color: var(--fg-4, var(--fg-4));
}

/* Satellite pages (admin, login) — focus parity with dashboard */
.btn:focus-visible,
.refresh-btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}