/*
 * brand.css - Token brand Explora (fonte di verita' dei CSS custom variabili)
 * e stili base. I componenti del design system sono in base.css; gli override
 * di accessibilita' in accessibilita.css. I token replicano il :root del
 * prototipo (explora-portale/demo-templates) e coincidono con theme.json.
 */

:root {
  /* Brand */
  --explora-orange: #e95e30;
  --explora-orange-dark: #c44a20; /* contrasto AA su bianco per link/testo */
  --explora-black: #000000;

  /* Logogramma: 1 colore per lettera (e x p l o r a) + azzurro */
  --color-e: #e95e30;
  --color-x: #000000;
  --color-p: #da5e91;
  --color-l: #f6c900;
  --color-o: #7ca421;
  --color-r: #112062;
  --color-a: #bd102f;
  --color-teal: #3497b5;

  /* Stato */
  --green-ok: #2f7d32;
  --red-err: #bd102f;

  /* Neutri */
  --white: #ffffff;
  --off-white: #faf9f7;
  --gray-100: #f2f1ef;
  --gray-200: #e5e4e0;
  --gray-300: #d0cfcc;
  --gray-400: #9b9a97;
  --gray-500: #767572;
  --gray-600: #5c5b58;
  --gray-700: #44433f;
  --gray-800: #2d2c2a;

  /* Tipografia */
  --font-heading: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  /* Layout / forma */
  --max-width: 1320px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --radius: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.08);
}

/* Base tipografica (allineata al brand: bandiera sinistra, no sillabazione) */
body {
  font-family: var(--font-body);
  line-height: 1.5;
  color: var(--gray-800);
  text-align: left;
  hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  color: var(--explora-black);
}

/* Barra 7 colori del logogramma (header/footer). */
.color-bar {
  display: flex;
  width: 100%;
  height: 6px;
}
.color-bar > span {
  flex: 1 1 0;
}

/* Ponte con la Global Palette generata da theme.json:
   i preset Kadence/WordPress restano validi; qui garantiamo che i token
   custom del design system siano sempre disponibili. */