/* ============================================================
   Flowerista — Color tokens
   "Il contrasto tra il navy istituzionale e il fucsia vibrante
    è la firma visiva di Flowerista. Il colore non è mai
    decorativo, è semantico." — Brand Manual 2026, Cap. 3
   ============================================================ */
:root {
  /* ---- Raw palette (official HEX values — never approximate) ---- */
  /* Primary palette */
  --navy:            #212750; /* Blu Navy   — bg + primary text */
  --bianco-ghiaccio: #EFF4FC; /* Bianco Ghiaccio — light surface */
  --fucsia:          #E4077B; /* Fucsia     — primary accent */
  --viola:           #4E3189; /* Viola      — caption blocks, video */
  --verde-lime:      #A3C61D; /* Verde Lime — AI adoption / blog */

  /* Secondary palette */
  --bianco-puro:     #FFFFFF; /* Bianco Puro */
  --celeste:         #B1C5E7; /* Celeste — storytelling / leadership */
  --arancione:       #ED6F2F; /* Arancione — Education ONLY */

  /* Social-only green accent (caroselli & blog logo override) */
  --verde-social:    #A2C51B;

  /* ---- Tints & shades (derived, for hover / surfaces / borders) ---- */
  --navy-900:        #161a38;
  --navy-800:        #1c2245;
  --navy-700:        #212750; /* base navy */
  --navy-600:        #2d3568;
  --navy-500:        #3c477f;
  --navy-tint-10:    rgba(33, 39, 80, 0.10);
  --navy-tint-06:    rgba(33, 39, 80, 0.06);

  --fucsia-700:      #b80563; /* pressed */
  --fucsia-600:      #cc066e; /* hover */
  --fucsia-500:      #e4077b; /* base */
  --fucsia-tint-12:  rgba(228, 7, 123, 0.12);
  --fucsia-tint-08:  rgba(228, 7, 123, 0.08);

  --viola-600:       #5a3a9e;
  --viola-700:       #432a76;

  --celeste-200:     #d2dff1;
  --celeste-50:      #e9f0fa;

  /* ---- Institutional gradient (Navy → Fucsia) — the most
     recognizable element of the identity. Header sito, business
     card, profile circles, email signature, YouTube background. ---- */
  --gradient-institutional: linear-gradient(110deg, #212750 0%, #4e3189 48%, #e4077b 100%); /* @kind color */
  --gradient-blu:    linear-gradient(110deg, #212750 0%, #3a2f6e 70%, #6a2f86 100%); /* @kind color */
  --gradient-fucsia: linear-gradient(110deg, #4e3189 0%, #a0156f 55%, #e4077b 100%); /* @kind color */
  --gradient-photo-circle: linear-gradient(135deg, #4e3189 0%, #e4077b 100%); /* @kind color */

  /* ============================================================
     SEMANTIC ALIASES
     ============================================================ */
  /* Surfaces */
  --surface-page:        var(--bianco-ghiaccio);
  --surface-card:        var(--bianco-puro);
  --surface-dark:        var(--navy);
  --surface-accent:      var(--viola);   /* caption / content blocks */
  --surface-inverse:     var(--navy);

  /* Text */
  --text-strong:         var(--navy);          /* default on light */
  --text-body:           #2b3157;              /* slightly softened navy */
  --text-muted:          #5b6188;
  --text-on-dark:        var(--bianco-ghiaccio);
  --text-on-dark-muted:  rgba(239, 244, 252, 0.72);
  --text-accent:         var(--fucsia);        /* highlighted keyword */
  --text-link:           var(--fucsia);

  /* Lines & borders */
  --border-subtle:       rgba(33, 39, 80, 0.12);
  --border-strong:       var(--navy);
  --border-on-dark:      rgba(239, 244, 252, 0.22);

  /* Interactive accent */
  --accent:              var(--fucsia);
  --accent-hover:        var(--fucsia-600);
  --accent-pressed:      var(--fucsia-700);
  --focus-ring:          var(--fucsia);

  /* ============================================================
     SEMANTIC CATEGORY COLORS
     Each Flowerista content cluster owns a color (Cap. 3.03).
     ============================================================ */
  --cat-ai-adoption:     var(--verde-lime);  /* Competenza */
  --cat-change:          var(--fucsia);      /* Cambiamento */
  --cat-storytelling:    var(--celeste);     /* Narrazione */
  --cat-education:       var(--arancione);   /* Education ONLY */
  --cat-quick-wins:      var(--navy);
  --cat-events:          var(--bianco-ghiaccio);
  --cat-video:           var(--viola);       /* YouTube / interviste */
  --cat-leadership:      var(--celeste);
  --cat-rassegna:        var(--fucsia);
  --cat-blog:            var(--verde-lime);
}