/**
 * Laundry Sepatu — Alfatih theme tokens (shared public + admin)
 * Stack: Tailwind CDN (public) · Bootstrap 5.3 (admin)
 */

:root {
  --brand: #0ea5e9;
  --brand-dark: #0284c7;
  --brand-light: #e0f2fe;
  --brand-rgb: 14, 165, 233;
  --ink: #0f172a;
  --muted: #64748b;
  --surface: #ffffff;
  --bg: #f8fafc;
  --border: #e2e8f0;
  --header-h: 56px;
  --bottom-nav-h: 72px;
  --sidebar-w: 240px;
  --font-sans: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;
  --radius: 12px;
  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.08);

  /* Bootstrap override (admin) */
  --bs-primary: #0ea5e9;
  --bs-primary-rgb: 14, 165, 233;
  --bs-link-color: #0284c7;
  --bs-link-hover-color: #0369a1;
  --bs-border-radius: 0.65rem;
  --bs-body-font-family: var(--font-sans);
  --bs-body-bg: var(--bg);
}

body.ls-body {
  font-family: var(--font-sans);
}

/* Bootstrap admin polish */
.ls-ui-admin .btn-primary {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-dark);
  --bs-btn-hover-border-color: var(--brand-dark);
}

.ls-ui-admin .card {
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}

.ls-ui-admin .table > :not(caption) > * > * {
  vertical-align: middle;
}

.ls-ui-admin {
  font-size: 0.8125rem;
}

.ls-ui-admin .text-muted {
  color: #64748b !important;
}

/* Public stack — tailwind preflight coexistence */
.ls-ui-public .ls-main {
  max-width: 960px;
}

.ls-ui-public.ls-home .ls-main {
  padding-bottom: 0;
}