/* ==========================================================================
   tokens.css — variabili condivise da TUTTE le pagine del sito
   (colori, font, raggi, ombre) + reset di base + sfondo comune.

   Estratto da style.css quando quel file e' diventato troppo grande
   per essere l'unico foglio di stile del progetto. Ogni nuova
   schermata linka questo file PRIMA del proprio css dedicato, cosi'
   la palette resta unica senza doverla ripetere ovunque.
   ========================================================================== */

:root {
  --color-green-dark: #1c3829;
  --color-green-darker: #142a1e;
  --color-gold: #c9a04a;
  --color-gold-light: #e0bd6f;
  --color-cream: #f7f2e7;
  --color-white: #ffffff;
  --color-text-main: #1c3829;
  --color-text-muted: #7a7568;
  --color-border-soft: #eae4d5;

  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;

  --shadow-card: 0 20px 50px -12px rgba(28, 56, 41, 0.18);
  --shadow-soft: 0 2px 8px rgba(28, 56, 41, 0.06);

  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-arabic: "Noto Naskh Arabic", "Traditional Arabic", serif;

  --transition-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--color-cream);
  background-image: url('/static/svg/pattern-bg.svg');
  background-repeat: repeat;
  color: var(--color-text-main);
  font-family: var(--font-sans);
  min-height: 100vh;
}