/* BijouxLune - Nuxt Look Bridge for Bagisto (B1) */

/* Match Nuxt typography variable */
:root {
  --tp-ff-body: "Jost", sans-serif;

  --bjl-bg: #ffffff;
  --bjl-text: #111827;
  --bjl-muted: #6b7280;
  --bjl-border: #d9dde2;

  /* Adjust if your Nuxt primary differs */
  --bjl-primary: #000000;
  --bjl-primary-contrast: #ffffff;

  --bjl-radius: 14px;
}

/* Force Bagisto to use Nuxt font */
html, body {
  font-family: var(--tp-ff-body) !important;
  background: var(--bjl-bg) !important;
  color: var(--bjl-text) !important;
}

#app main#main {
  padding-top: 24px;
  padding-bottom: 48px;
}

/* Buttons */
button, .btn, [type="button"], [type="submit"], a.btn {
  border-radius: var(--bjl-radius) !important;
}

/* Inputs */
input, select, textarea {
  border-radius: var(--bjl-radius) !important;
  border-color: var(--bjl-border) !important;
}

/* Links */
a { color: var(--bjl-primary); }
a:hover { opacity: .85; }