/*
 * SIC Design System — Palette istituzionale 2026
 * Codifica: UTF-8
 *
 * Distribuzione consigliata:
 * 55–60% neutri chiari · 22–25% navy/blu · 10–12% sky/aqua
 * 6–8% viola/lilla · 3–5% accenti caldi.
 * Usare al massimo una famiglia dominante e un contro-accento per viewport.
 */

:root {
  /* Core istituzionale */
  --sic-ink: #17283a;
  --sic-navy: #14385e;
  --sic-blue: #204b78;
  --sic-sky: #2ea4d4;
  --sic-aqua: #57ccd5;
  --sic-teal: #168694;
  --sic-violet: #654493;

  /* Accenti editoriali */
  --sic-lilac: #a39fd1;
  --sic-magenta: #c8469e;
  --sic-coral: #f37656;
  --sic-orange: #f68e37;
  --sic-yellow: #ffea6c;
  --sic-green: #76cc8f;
  --sic-green-700: #4aa66a;
  --sic-green-800: #3f8357;
  --sic-gold-600: #d9a223;
  --sic-gold-700: #b67d08;
  --sic-gold-800: #9a6c08;
  --sic-coral-700: #c94f59;
  --sic-red-status: #e63839;

  /* Neutri e testo */
  --sic-warm-white: #fff9f3;
  --sic-paper: #f4f7fa;
  --sic-cool-mist: #eaf2fb;
  --sic-border: #dde7ef;
  --sic-muted: #536579;
  --sic-white: #ffffff;

  /* Tint per superfici ampie */
  --sic-tint-aqua: #eaf8fa;
  --sic-tint-violet: #efeaf5;
  --sic-tint-yellow: #fff3d3;
  --sic-tint-magenta: #fdeaf4;
  --sic-tint-coral: #fde9e4;
  --sic-tint-green: #f1faf4;

  /* Ruoli semantici */
  --sic-color-institutional: var(--sic-navy);
  --sic-color-action: var(--sic-blue);
  --sic-color-research: var(--sic-sky);
  --sic-color-community: var(--sic-aqua);
  --sic-color-schools: var(--sic-violet);
  --sic-color-events: var(--sic-magenta);
  --sic-color-services: var(--sic-green);
  --sic-color-highlight: var(--sic-yellow);
  --sic-color-body: var(--sic-ink);
  --sic-color-body-muted: var(--sic-muted);
  --sic-color-border: var(--sic-border);
  --sic-surface-page: var(--sic-warm-white);
  --sic-surface-section: var(--sic-paper);

  /* Gradienti approvati */
  --sic-gradient-institutional: linear-gradient(135deg, var(--sic-navy) 0%, var(--sic-blue) 54%, var(--sic-violet) 100%);
  --sic-gradient-hero: linear-gradient(90deg, rgba(20, 56, 94, .95) 0%, rgba(32, 75, 120, .82) 40%, rgba(101, 68, 147, .38) 72%, rgba(200, 70, 158, .18) 100%);
  --sic-gradient-events: linear-gradient(115deg, var(--sic-violet) 0%, var(--sic-magenta) 58%, var(--sic-coral) 100%);
  --sic-gradient-editorial-light: linear-gradient(125deg, var(--sic-tint-aqua) 0%, #f7f5fb 56%, var(--sic-tint-yellow) 100%);

  /* Alias della home: compatibilità con i componenti esistenti */
  --sic-home-navy: var(--sic-navy);
  --sic-home-blue: var(--sic-blue);
  --sic-home-sky: var(--sic-sky);
  --sic-home-aqua: var(--sic-aqua);
  --sic-home-green: var(--sic-green);
  --sic-home-gold: var(--sic-yellow);
  --sic-home-purple: var(--sic-violet);
  --sic-home-ink: var(--sic-ink);
  --sic-home-paper: var(--sic-paper);
}