/* New Era brand tokens — palette + radius + typography hooks.
 * Loaded after Tailwind CDN. Override Tailwind defaults via these vars.
 * Source: PRD palette Mariano (#6027F1 / #1C1348 / #FAFAF7 / #FFFFFF).
 */

:root {
  --ne-primary:        #6027F1;
  --ne-primary-soft:   rgba(96, 39, 241, 0.12);
  --ne-primary-hover:  #4f1ed4;
  --ne-secondary:      #1C1348;
  --ne-bg:             #FAFAF7;
  --ne-card:           #FFFFFF;
  --ne-border:         rgba(28, 19, 72, 0.12);
  --ne-muted:          rgba(28, 19, 72, 0.6);

  --ne-priority-alta:  #DC2626;
  --ne-priority-media: #D97706;
  --ne-priority-bassa: #65A30D;

  --ne-radius:         10px;
  --ne-radius-sm:      6px;
}

html, body {
  font-family: 'Nunito', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  background: var(--ne-bg);
  color: var(--ne-secondary);
}

/* Brand surfaces */
.ne-card {
  background: var(--ne-card);
  border: 1px solid var(--ne-border);
  border-radius: var(--ne-radius);
}

.ne-divider { border-color: var(--ne-border); }

/* Brand buttons */
.ne-btn-primary {
  background: var(--ne-primary);
  color: #fff;
  border-radius: var(--ne-radius-sm);
  padding: 0.5rem 0.875rem;
  font-weight: 600;
  transition: background 120ms ease;
}
.ne-btn-primary:hover { background: var(--ne-primary-hover); }
.ne-btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }

/* Brand logo (JPG New Era wordmark orizzontale, aspect ratio ~4:1).
 * height fissa per allineamento header, width auto rispetta aspect ratio nativo.
 * NO max-width: il wordmark deve respirare in larghezza, niente compressione. */
.ne-logo {
  display: block;
  height: 56px;
  width: auto;
}
@media (max-width: 640px) {
  .ne-logo { height: 40px; }
}

/* Header link styling override */
header a.ne-brand:hover .ne-logo { opacity: 0.85; }

/* Priority chip helpers (reusable from any tab) */
.ne-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.125rem 0.5rem;
  border-radius: 9999px;
}
.ne-chip-alta  { background: rgba(220, 38, 38, 0.1);  color: var(--ne-priority-alta); }
.ne-chip-media { background: rgba(217, 119, 6, 0.1);  color: var(--ne-priority-media); }
.ne-chip-bassa { background: rgba(101, 163, 13, 0.1); color: var(--ne-priority-bassa); }

/* Tabler icon size default */
.ti { vertical-align: -2px; }

/* Hide x-cloak elements before Alpine has initialized */
[x-cloak] { display: none !important; }