/* Direction: Muggia 1967 — blu e bianco, leggibile al banco di prova, titoli sportivi condensati */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f2f6fd;
  --surface: #ffffff;
  --surface-2: #e6eaf2;
  --border: #cbd6ec;
  --border-strong: #abb0ba;
  --ink: #0b1b3f;
  --muted: #4a5878;
  --accent: #1d4ed8;
  --accent-hover: #1942b8;
  --accent-ink: #ffffff;
  --accent-text: #1e40af;
  --accent-strong: #1d4ed8;
  --accent-soft: #d4def8;
  --accent-border: #92aaec;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #d7e8e6;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #ebe2e0;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #ebdce2;
  --danger-strong: #b91c1c;
  --chart-1: #1d4ed8;
  --chart-2: #b43bbf;
  --chart-3: #940217;
  --chart-4: #926d0b;
  --chart-5: #055e14;
  --chart-6: #0e8791;

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.01em;
  --radius-card: 16px;
  --radius-btn: 12px;
  --radius-input: 10px;
  --x-band: #0a2a6e;
  --x-on-photo: #ffffff;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Barlow", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #030610;
  --surface: #1c1f28;
  --surface-2: #10121c;
  --border: #262931;
  --border-strong: #4f5158;
  --ink: #f2f6fd;
  --muted: #92969e;
  --accent: #1d4ed8;
  --accent-hover: #3f69de;
  --accent-ink: #ffffff;
  --accent-text: #6a8ae5;
  --accent-strong: #5d80e3;
  --accent-soft: #09163c;
  --accent-border: #0f266a;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #07211a;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2a170e;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2b0b13;
  --danger-strong: #cd5c5c;
  --chart-1: #2d62ed;
  --chart-2: #c950d3;
  --chart-3: #e52d38;
  --chart-4: #a77e15;
  --chart-5: #189a2a;
  --chart-6: #199aa5;
}

button, a, label { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button.htmx-request { opacity: 0.7; }
[data-qr] canvas { display: block; max-width: 100%; height: auto !important; }
tr[data-href] { cursor: pointer; }
tr[data-href]:hover { background: var(--surface-2); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--accent); }

/* Scheda articolo: selezionato = evidenziato, righe taglia visibili solo se selezionato */
.art { border: 2px solid var(--border); transition: border-color 0.15s ease, background-color 0.15s ease; }
.art:has(input[name="sel"]:checked) { border-color: var(--accent); background: var(--accent-soft); }
.art:not(:has(input[name="sel"]:checked)) .art-rows { display: none; }

.btn-danger { background: var(--danger); color: var(--danger-ink); border-color: var(--danger); }
.btn-danger:hover { filter: brightness(0.9); }

dialog.modal { max-width: min(42rem, 94vw); width: 100%; }

@media print {
  @page { size: A4; margin: 12mm; }
  header, .no-print, #totbar { display: none !important; }
  body { background: var(--surface) !important; }
  .print-sheet { box-shadow: none !important; max-width: none !important; padding: 0 !important; }
  main { padding: 0 !important; }
}