/**
 * BRAND VARIABLES - Mini-Siti Brandizzati
 * Modifica queste variabili per adattare la landing a un altro brand.
 * Infixline: palette neutra con accento blu/ardesia.
 */

:root {
  /* Primary palette - cambia per altro brand */
  --color-primary: #1e3a5f;
  --color-primary-light: #2d5a8a;
  --color-primary-dark: #0f2744;
  --color-accent: #c9a227;
  --color-accent-hover: #d4b03a;

  /* Neutri */
  --color-bg: #fafafa;
  --color-bg-alt: #f0f2f5;
  --color-text: #1a1a1a;
  --color-text-muted: #5a5a5a;

  /* Typography - cambia font per altro brand */
  --font-heading: 'DM Sans', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, sans-serif;

  /* Spacing & radius */
  --radius-card: 0.5rem;
  --radius-btn: 0.375rem;
  --shadow-card: 0 4px 6px -1px rgb(0 0 0 / 0.06), 0 2px 4px -2px rgb(0 0 0 / 0.04);
  --shadow-hover: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.04);
}

body {
  font-family: var(--font-body);
  color: var(--color-text);
  background-color: var(--color-bg);
}

.font-heading {
  font-family: var(--font-heading);
}

.text-primary { color: var(--color-primary); }
.bg-primary { background-color: var(--color-primary); }
.bg-primary-dark { background-color: var(--color-primary-dark); }
.border-primary { border-color: var(--color-primary); }

/* Utility per override Tailwind con variabili brand */
.btn-primary {
  background-color: var(--color-primary);
  color: white;
}
.btn-primary:hover {
  background-color: var(--color-primary-light);
}

.accent-border {
  border-color: var(--color-accent);
}