/* DAEZPRO — Color System
 * Hybrid direction: evergreen (medio ambiente) + solar amber (energía)
 * on warm industrial neutrals.
 */
:root {
  /* ---- Brand: Evergreen (medio ambiente / sostenibilidad) ---- */
  --green-950: #06251C;
  --green-900: #0B3B2E;
  --green-800: #0F4A38;
  --green-700: #15604A;
  --green-600: #1E7D5F;
  --green-500: #2A9D78;
  --green-400: #52B893;
  --green-300: #8AD2B6;
  --green-200: #BCE6D5;
  --green-100: #DCF1E8;
  --green-50:  #EFF8F3;

  /* ---- Accent: Solar Amber (energía) ---- */
  --amber-700: #B26E0C;
  --amber-600: #D98A15;
  --amber-500: #F0A429;
  --amber-400: #F7B84B;
  --amber-300: #FBCE7C;
  --amber-200: #FDE2AE;
  --amber-100: #FCEECF;
  --amber-50:  #FEF8ED;

  /* ---- Signal blue (automatización / utilidades) — used sparingly ---- */
  --blue-600: #1F6FA8;
  --blue-500: #2B8CC4;
  --blue-100: #D6EBF6;

  /* ---- Warm industrial neutrals ---- */
  --paper:    #FAF8F3;   /* page background */
  --paper-2:  #F3EFE7;   /* alt / recessed */
  --paper-3:  #EAE4D8;
  --ink-950:  #0E1714;
  --ink-900:  #14201B;   /* headings */
  --ink-800:  #22302A;
  --ink-700:  #2E3E37;   /* body */
  --ink-500:  #58685F;   /* muted */
  --ink-400:  #7C8B82;
  --ink-300:  #9DAAA1;
  --line:     #E4DED2;   /* borders on paper */
  --line-2:   #D7CFBF;
  --white:    #FFFFFF;

  /* ---- Semantic (earthy) ---- */
  --success: #1E7D5F;
  --warning: #F0A429;
  --danger:  #C6492B;
  --info:    #2B8CC4;
  --success-bg: #DCF1E8;
  --warning-bg: #FCEECF;
  --danger-bg:  #F6DED6;
  --info-bg:    #D6EBF6;

  /* ================= Semantic aliases ================= */
  --bg:            var(--paper);
  --bg-alt:        var(--paper-2);
  --surface:       var(--white);
  --surface-card:  var(--white);
  --surface-sunk:  var(--paper-2);
  --surface-dark:  var(--green-950);

  --text-heading:  var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-on-brand: #EAF6EF;
  --text-on-accent:#3A2604;
  --text-inverse:  var(--paper);

  --brand:         var(--green-800);
  --brand-strong:  var(--green-900);
  --brand-soft:    var(--green-100);
  --brand-ink:     var(--text-on-brand);

  --accent:        var(--amber-500);
  --accent-strong: var(--amber-600);
  --accent-soft:   var(--amber-100);
  --accent-ink:    var(--text-on-accent);

  --border:        var(--line);
  --border-strong: var(--line-2);
  --link:          var(--green-700);
  --link-hover:    var(--green-900);
  --focus-ring:    color-mix(in oklab, var(--green-500) 55%, transparent);
}