/* ============================================================
   ACERA — Color tokens
   Palette from the Manual de Marca (p.9):
   #342b65  #ffd61e  #00b58c  #b1c340  #30b3c3  #ef9039  #ffffff
   The isotipo gradient runs cyan → teal → green → lime → yellow → orange.
   ============================================================ */
:root {
  /* ---- Brand core ---- */
  --acera-purple: #342b65;   /* primary brand / wordmark */
  --acera-yellow: #ffd61e;   /* solar */
  --acera-teal:   #00b58c;   /* storage / accent green */
  --acera-lime:   #b1c340;   /* bioenergy */
  --acera-cyan:   #30b3c3;   /* wind / water */
  --acera-orange: #ef9039;   /* geothermal */
  --acera-white:  #ffffff;

  /* ---- Purple ramp (from --acera-purple) ---- */
  --purple-900: #1f1a3d;
  --purple-800: #2a2350;
  --purple-700: #342b65;
  --purple-600: #453a7d;
  --purple-500: #5a4e96;
  --purple-400: #7d72b0;
  --purple-300: #a79fca;
  --purple-200: #d0cbe4;
  --purple-100: #ece9f4;
  --purple-50:  #f6f5fb;

  /* ---- Neutral ramp (cool-tinted greys) ---- */
  --neutral-950: #14131a;
  --neutral-900: #24222e;
  --neutral-800: #3a3846;
  --neutral-700: #55535f;
  --neutral-600: #6f6d79;
  --neutral-500: #908e99;
  --neutral-400: #b4b2bc;
  --neutral-300: #d4d3da;
  --neutral-200: #e6e5ea;
  --neutral-100: #f2f1f5;
  --neutral-50:  #faf9fc;

  /* ---- Technology / accent hues ---- */
  --tech-solar:      var(--acera-yellow);
  --tech-wind:       var(--acera-cyan);
  --tech-bioenergy:  var(--acera-lime);
  --tech-geothermal: var(--acera-orange);
  --tech-marine:     #30b3c3;
  --tech-hydro:      #453a7d;
  --tech-storage:    var(--acera-purple);

  /* ---- Semantic aliases ---- */
  --brand-primary:   var(--acera-purple);
  --brand-accent:    var(--acera-teal);
  --bg-page:         var(--acera-white);
  --bg-subtle:       var(--purple-50);
  --bg-muted:        var(--neutral-100);
  --surface-card:    var(--acera-white);
  --surface-invert:  var(--acera-purple);

  --text-strong:     var(--purple-900);
  --text-body:       var(--neutral-800);
  --text-muted:      var(--neutral-600);
  --text-on-brand:   var(--acera-white);
  --text-on-accent:  var(--acera-white);

  --border-subtle:   var(--neutral-200);
  --border-default:  var(--neutral-300);
  --border-strong:   var(--purple-700);

  --focus-ring:      var(--acera-teal);

  --state-success:   var(--acera-teal);
  --state-warning:   var(--acera-orange);
  --state-info:      var(--acera-cyan);

  /* ---- Signature gradient (isotipo spectrum) ---- */
  --gradient-isotipo: linear-gradient(120deg, #30b3c3 0%, #00b58c 26%, #b1c340 50%, #ffd61e 74%, #ef9039 100%); /* @kind color */
  --gradient-brand:   linear-gradient(135deg, #342b65 0%, #453a7d 100%); /* @kind color */
}