/* Palette chiara del brand Kima AI (01_KimaAI/brand/KIMA_AI_Cowork_Instructions.md).
   Chiara di proposito: in fiera il telefono si legge anche alla luce forte. */

@font-face {
  font-family: "Sora";
  src: url("/static/fonts/sora-variable.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}

:root {
  --sfondo: #EDE9E2;
  --superficie: #E7E3DC;
  --bordo: #C4C0B8;
  --testo: #18181B;
  --grigio: #52525B;
  --accento: #047857;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background: var(--sfondo);
  color: var(--testo);
  font-family: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 1.55;
}

.scheda {
  flex: 1;
  width: 100%;
  max-width: 34rem;
  margin: 0 auto;
  padding: 18vh 1.5rem 2rem;
}

.etichetta {
  margin: 0 0 .5rem;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--accento);
}

h1 {
  margin: 0 0 2.5rem;
  font-size: clamp(2.25rem, 9vw, 3rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.02em;
}

.testo h2 {
  margin: 0 0 .35rem;
  font-size: 1.15rem;
  font-weight: 600;
}

.testo p { margin: 0; }

.traduzione {
  margin-top: 1.75rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--bordo);
  color: var(--grigio);
  font-size: .94rem;
}

.traduzione h2 { font-size: 1rem; }

footer {
  padding: 1.5rem;
  text-align: center;
  font-size: .78rem;
}

footer a {
  color: var(--grigio);
  text-decoration: none;
}

footer a:hover,
footer a:focus-visible { text-decoration: underline; }