/*
  Template Ferrigel - stili custom oltre a Tailwind.

  Variabili CSS coordinate con palette in config/squack.php.
  Placeholder per Step 6: scroll reveal, marquee animation, custom hover states.
*/

:root {
    --brand-primary: #312783;
    --brand-light: #E5E9F3;
    --brand-white: #FFFFFF;
    --brand-dark: #111112;
}

body {
    font-family: var(--font-sans, 'Inter', -apple-system, system-ui, sans-serif);
}

/* Classi brand richiamabili dalle view, lavorando in sinergia con Tailwind */
.bg-brand-primary { background-color: var(--brand-primary); }
.bg-brand-light { background-color: var(--brand-light); }
.bg-brand-dark { background-color: var(--brand-dark); }

.text-brand-primary { color: var(--brand-primary); }
.text-brand-light { color: var(--brand-light); }
.text-brand-dark { color: var(--brand-dark); }

.border-brand-primary { border-color: var(--brand-primary); }

/* Spazi per BlockAppearance helper */
.py-0  { padding-top: 0;       padding-bottom: 0; }
.py-6  { padding-top: 1.5rem;  padding-bottom: 1.5rem; }
.py-12 { padding-top: 3rem;    padding-bottom: 3rem; }
.py-20 { padding-top: 5rem;    padding-bottom: 5rem; }
.py-32 { padding-top: 8rem;    padding-bottom: 8rem; }