/* ============================================================
   assets/css/theme.css - Design Tokens GetinArt
   Caricare DOPO bootstrap.min.css per sovrascrivere variabili
   ============================================================ */

:root {
  /* Palette brand */
  --gia-bg:        #FFFFFF;
  --gia-bg-alt:    #F5F0E5;
  --gia-bg-deep:   #EAE3D3;
  --gia-ink:       #1A1816;
  --gia-ink-2:     #4A4744;
  --gia-ink-3:     #8C8884;
  --gia-terra:     #A8432C;
  --gia-terra-lt:  #F5E8E4;
  --gia-border:    #E4E1DC;
  --gia-success:   #2D7A3D;
  --gia-warning:   #C8842B;
  --gia-error:     #A02E1F;

  /* Tipografia */
  --gia-font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --gia-font-mono: var(--gia-font-body);

  /* Motion */
  --gia-ease:     cubic-bezier(0.16, 1, 0.3, 1);
  --gia-dur-fast: 180ms;
  --gia-dur-med:  320ms;
  --gia-dur-slow: 560ms;

  /* Radius */
  --gia-radius-sm: 4px;
  --gia-radius-md: 8px;
  --gia-radius-lg: 12px;

  /* Ombre warm-tinted */
  --gia-shadow-warm-sm: 0 1px 2px rgba(26,24,22,.04), 0 2px 8px rgba(168,67,44,.04);
  --gia-shadow-warm-md: 0 4px 12px rgba(26,24,22,.06), 0 12px 32px rgba(168,67,44,.05);

  /* Override Bootstrap 5.3 native variables */
  --bs-body-bg:            var(--gia-bg);
  --bs-body-color:         var(--gia-ink);
  --bs-body-font-family:   var(--gia-font-body);
  --bs-border-color:       var(--gia-border);
  --bs-border-radius:      var(--gia-radius-md);
  --bs-border-radius-lg:   var(--gia-radius-lg);
  --bs-primary:            var(--gia-ink);
  --bs-primary-rgb:        26, 24, 22;
  --bs-link-color:         var(--gia-ink);
  --bs-link-hover-color:   var(--gia-terra);
  --bs-font-sans-serif:    var(--gia-font-body);
}

/* ── Tipografia globale ── */
body {
  font-family: var(--gia-font-body);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: var(--gia-bg);
  color: var(--gia-ink);
  overflow-x: clip; /* clip (non hidden) per non rompere position:sticky e contenere i layer GPU dei Swiper */
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3 {
  font-family: var(--gia-font-body);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--gia-ink);
}

a { color: var(--gia-ink); text-decoration: none; transition: color var(--gia-dur-fast) var(--gia-ease); }
a:hover { color: var(--gia-terra); }

img { display: block; max-width: 100%; }
*, *::before, *::after { box-sizing: border-box; }

/* ── Bottoni brand (override Bootstrap) ── */
.btn-ink {
  background-color: var(--gia-ink);
  border-color: var(--gia-ink);
  color: #fff;
  border-radius: var(--gia-radius-md);
  padding: .75rem 1.5rem;
  font-weight: 600;
  font-size: 13.5px;
  letter-spacing: .03em;
  transition: background-color var(--gia-dur-fast) var(--gia-ease), border-color var(--gia-dur-fast) var(--gia-ease);
}
.btn-ink:hover, .btn-ink:focus { background-color: var(--gia-terra); border-color: var(--gia-terra); color: #fff; }

.btn-outline-ink {
  background: transparent;
  border: 2px solid var(--gia-ink);
  color: var(--gia-ink);
  border-radius: var(--gia-radius-md);
  padding: calc(.75rem - 1px) 1.5rem;
  font-weight: 600;
  font-size: 13.5px;
  transition: background var(--gia-dur-fast) var(--gia-ease), color var(--gia-dur-fast) var(--gia-ease);
}
.btn-outline-ink:hover { background: var(--gia-ink); color: #fff; }

/* Blocca btn-primary Bootstrap standard (sempre sovrascrivere) */
.btn-primary { background-color: var(--gia-ink) !important; border-color: var(--gia-ink) !important; }
.btn-primary:hover { background-color: var(--gia-terra) !important; border-color: var(--gia-terra) !important; }

/* ── Bootstrap overrides vari ── */
.navbar { background: var(--gia-bg) !important; border-bottom: 1px solid var(--gia-border); padding: 0; }
.nav-link { color: var(--gia-ink-2); }
.nav-link:hover, .nav-link.active { color: var(--gia-ink); }
.dropdown-menu { border: 1px solid var(--gia-border); border-radius: var(--gia-radius-md); box-shadow: var(--gia-shadow-warm-md); }
.form-control:focus { border-color: var(--gia-ink); box-shadow: none; }
.accordion-button:not(.collapsed) { color: var(--gia-ink); background: var(--gia-bg-alt); box-shadow: none; }
.accordion-button:focus { box-shadow: none; }
.nav-tabs .nav-link { color: var(--gia-ink-3); border-color: transparent; }
.nav-tabs .nav-link.active { color: var(--gia-ink); border-bottom-color: var(--gia-ink); font-weight: 600; }
.nav-tabs { border-bottom-color: var(--gia-border); }