/*
  Real Liburna — tema base
  Colori e font stimati dagli screenshot Instagram (@officialiburna).
  Import dei font da Google Fonts: aggiungi il link nell'<head> del sito, es.:
  <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Playfair+Display:wght@600;700&family=Montserrat:wght@400;500;700;800&display=swap" rel="stylesheet">
*/

:root {
  /* Colori */
  --liburna-bordeaux: #6E1220;
  --liburna-bordeaux-dark: #4A0C16;
  --liburna-gold: #C9A24A;
  --liburna-gold-light: #E0C27A;
  --liburna-cream: #F5EEDD;
  --liburna-white: #FFFFFF;
  --liburna-black: #161211;

  /* Font */
  --font-headline: 'Oswald', 'Anton', 'Arial Narrow', sans-serif;
  --font-elegant: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Montserrat', 'Inter', sans-serif;

  /* Neutri per gerarchia testo/bordi senza toccare i colori brand */
  --liburna-ink-soft: rgba(22,18,17,0.65);
  --liburna-ink-faint: rgba(22,18,17,0.45);
  --liburna-hairline: rgba(110,18,32,0.10);
  --liburna-hairline-strong: rgba(110,18,32,0.20);
  --liburna-surface-tint: rgba(201,162,74,0.12);

  /* Scala spaziature (base 8px) */
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  /* Scala raggi — versione squadrata/lineare */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 999px;
  --radius-circle: 50%;

  /* Scala ombre (piatte, coerenti con lo stile Swiss/minimal) */
  --shadow-sm: 0 1px 2px rgba(22,18,17,0.06);
  --shadow-md: 0 8px 24px rgba(22,18,17,0.10);

  /* Gradiente brand condiviso (elimina duplicazione) */
  --surface-brand-gradient: linear-gradient(160deg, var(--liburna-bordeaux) 0%, var(--liburna-bordeaux-dark) 100%);
}

body {
  font-family: var(--font-body);
  color: var(--liburna-black);
  background: var(--liburna-cream);
  margin: 0;
}

h1, h2, h3, .liburna-headline {
  font-family: var(--font-headline);
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--liburna-bordeaux);
}

/* Bottone in stile brand */
.liburna-btn {
  display: inline-block;
  font-family: var(--font-headline);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background: var(--liburna-gold);
  color: var(--liburna-black);
  border: none;
  padding: 0.75rem 2rem;
  border-radius: var(--radius-sm);
  font-weight: 700;
  text-decoration: none;
  transition: background 0.2s ease;
}

.liburna-btn:hover {
  background: var(--liburna-gold-light);
}

.liburna-btn--outline {
  background: transparent;
  color: var(--liburna-cream);
  border: 2px solid var(--liburna-gold);
}

.liburna-btn--outline-dark {
  background: transparent;
  color: var(--liburna-bordeaux);
  border: 2px solid var(--liburna-bordeaux);
}

/* Badge / etichetta (es. "2016", "Serie B") */
.liburna-badge {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: var(--liburna-gold);
  color: var(--liburna-black);
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
}