/* =========================================================
   LK Theme Tokens — Light (default)
   This file defines design tokens for the whole LK.
   Dark overrides live in lk-theme-dark.css.
   ========================================================= */

:root {
  /* Surfaces / text */
  --lk-bg: #f4f5f9;
  --lk-surface: #ffffff;
  --lk-surface-2: #f8fafc;
  --lk-border: rgba(226, 232, 240, 0.90);
  --lk-text: #111827;
  --lk-muted: #6b7280;
}

/* Keep Bootstrap base vars aligned with tokens */
body {
  --bs-body-bg: var(--lk-bg);
  --bs-body-color: var(--lk-text);
  --bs-border-color: var(--lk-border);
  --bs-border-color-translucent: var(--lk-border);

  --bs-card-bg: var(--lk-surface);
  --bs-modal-bg: var(--lk-surface);
  --bs-offcanvas-bg: var(--lk-surface);
  --bs-dropdown-bg: var(--lk-surface);
  --bs-popover-bg: var(--lk-surface);
  --bs-toast-background-color: var(--lk-surface);

  --bs-secondary-color: var(--lk-muted);
  --bs-tertiary-color: var(--lk-muted);
}