/* Palette del marchio POS Anywhere (vedi il concept di marca pubblicato).
   Token ridefiniti sotto [data-bs-theme="dark"]: mai un colore fuori da
   questo schema, altrimenti il tema scuro lo eredita per sbaglio (vedi
   /root/docs/omegamaria-ecosystem-pattern.md, sezione tema). */
:root {
  --pa-ink: #101e2b;
  --pa-accent: #ff6a3d;
  --pa-accent-deep: #d94b23;
  --pa-paper: #f2f4f3;
  --pa-surface: #ffffff;
  --pa-border: #d3dad9;
  --pa-muted: #55666d;
}

[data-bs-theme="dark"] {
  --pa-ink: #eef2f1;
  --pa-accent: #ff7c4f;
  --pa-accent-deep: #ffa07a;
  --pa-paper: #0b141c;
  --pa-surface: #101c26;
  --pa-border: #22323d;
  --pa-muted: #93a3aa;
}

body {
  font-family: "IBM Plex Sans", -apple-system, "Segoe UI", sans-serif;
  background: var(--pa-paper);
  color: var(--pa-ink);
  transition: background-color .15s ease, color .15s ease;
}

.navbar {
  background: var(--pa-surface);
  border-color: var(--pa-border) !important;
}
.navbar-brand img { height: 32px; }
.brand-word { font-family: "Sora", sans-serif; font-weight: 700; color: var(--pa-ink); }
.brand-accent { color: var(--pa-accent); }

.nav-link { color: var(--pa-ink) !important; }
.dropdown-menu {
  background: var(--pa-surface);
  border-color: var(--pa-border);
  color: var(--pa-ink);
}
.dropdown-item { color: var(--pa-ink); }
.dropdown-item:hover, .dropdown-item:focus { background: var(--pa-paper); color: var(--pa-ink); }

.card {
  background: var(--pa-surface);
  border-color: var(--pa-border);
  color: var(--pa-ink);
}

.form-control, .form-select {
  background: var(--pa-surface);
  border-color: var(--pa-border);
  color: var(--pa-ink);
}
.form-control:focus {
  background: var(--pa-surface);
  color: var(--pa-ink);
  border-color: var(--pa-accent);
  box-shadow: 0 0 0 .2rem rgba(255, 106, 61, .15);
}

.table { color: var(--pa-ink); }
[data-bs-theme="dark"] .table { --bs-table-color: var(--pa-ink); --bs-table-bg: transparent; }

.btn-accent {
  background-color: var(--pa-accent);
  border-color: var(--pa-accent);
  color: #fff;
}
.btn-accent:hover {
  background-color: var(--pa-accent-deep);
  border-color: var(--pa-accent-deep);
  color: #fff;
}

.btn-outline-dark {
  color: var(--pa-ink);
  border-color: var(--pa-ink);
}
.btn-outline-dark:hover {
  background-color: var(--pa-ink);
  border-color: var(--pa-ink);
  color: var(--pa-paper);
}

footer { border-color: var(--pa-border) !important; }

.hero { padding: 56px 0; }
.hero h1 { font-weight: 700; letter-spacing: -0.01em; text-wrap: balance; }

@media (max-width: 576px) {
  .hero { padding: 40px 0; }
}

.fee-tag {
  font-family: "IBM Plex Mono", monospace;
  font-size: 0.85rem;
  color: var(--pa-muted);
}