/* ============================================================
   Arístides — Color Tokens
   ------------------------------------------------------------
   "Colores sobrios, fáciles de usar, versátiles y acentuados
    por un color purpúreo que denota creatividad y modernidad."
   ============================================================ */

:root {
  /* ---- Brand primaries (from the brand guide) ---- */
  --aris-purple:        #52006d;  /* CMYK 79 100 22 18 · RGB 82 0 109  — hero accent */
  --aris-white:         #ffffff;  /* CMYK 0 0 0 0       · RGB 255 255 255 */
  --aris-ink:           #212121;  /* CMYK 72 66 65 73   · RGB 33 33 33  — near-black */
  --aris-tan:           #ad886e;  /* CMYK 27 42 52 17   · RGB 173 136 110 — warm neutral */

  /* ---- Brand secondaries (gradient base) ---- */
  --aris-magenta:       #670065;  /* RGB 103 0 101 */
  --aris-blue:          #00315d;  /* RGB 0 49 93 */

  /* ---- Purple ramp (derived from --aris-purple) ---- */
  --purple-900:         #2e003d;
  --purple-800:         #3d0051;
  --purple-700:         #52006d;  /* base brand purple */
  --purple-600:         #670085;
  --purple-500:         #7a1a9c;
  --purple-400:         #9a47b8;
  --purple-300:         #bd80d1;
  --purple-200:         #ddb8e8;
  --purple-100:         #f1e2f6;
  --purple-050:         #faf3fc;

  /* ---- Neutral / gray ramp (sober institutional grays) ---- */
  --gray-950:           #161616;
  --gray-900:           #212121;  /* brand ink */
  --gray-800:           #2e2e2e;
  --gray-700:           #404040;
  --gray-600:           #595959;  /* the guide's slate background */
  --gray-500:           #767676;
  --gray-400:           #9b9b9b;
  --gray-300:           #c4c4c4;
  --gray-200:           #e2e2e2;
  --gray-100:           #f0f0f0;
  --gray-050:           #f8f8f7;

  /* ---- Warm tan ramp (derived from --aris-tan) ---- */
  --tan-700:            #7e5d45;
  --tan-600:            #957258;
  --tan-500:            #ad886e;  /* base */
  --tan-300:            #cdb29e;
  --tan-100:            #ece1d7;

  /* ---- Brand gradient (magenta → blue) ---- */
  --aris-gradient:      linear-gradient(135deg, var(--aris-magenta) 0%, var(--aris-blue) 100%); /* @kind color */
  --aris-gradient-soft: linear-gradient(135deg, #4a004b 0%, #00264a 100%); /* @kind color */
  /* Subtle veil used to attenuate photographic / dark backgrounds */
  --aris-veil:          linear-gradient(180deg, rgba(33,33,33,0) 0%, rgba(33,33,33,.85) 100%); /* @kind color */

  /* ============================================================
     Semantic aliases — reference these in components, not the raw ramp
     ============================================================ */

  /* Surfaces */
  --surface-page:       var(--aris-white);
  --surface-raised:     var(--aris-white);
  --surface-sunken:     var(--gray-050);
  --surface-card:       var(--aris-white);
  --surface-inverse:    var(--gray-900);
  --surface-brand:      var(--aris-purple);
  --surface-slate:      var(--gray-600);

  /* Text */
  --text-strong:        var(--gray-900);
  --text-body:          var(--gray-800);
  --text-muted:         var(--gray-500);
  --text-on-dark:       var(--aris-white);
  --text-on-dark-muted: rgba(255,255,255,.72);
  --text-on-brand:      var(--aris-white);
  --text-brand:         var(--aris-purple);
  --text-link:          var(--aris-purple);

  /* Borders & lines */
  --border-subtle:      var(--gray-200);
  --border-default:     var(--gray-300);
  --border-strong:      var(--gray-900);
  --border-brand:       var(--aris-purple);

  /* Accents */
  --accent:             var(--aris-purple);
  --accent-hover:       var(--purple-600);
  --accent-press:       var(--purple-800);
  --accent-soft:        var(--purple-100);

  /* Feedback (sober, brand-tuned) */
  --feedback-info:      var(--aris-blue);
  --feedback-success:   #1f6b3b;
  --feedback-warning:   #9a6b15;
  --feedback-danger:    #9b1c1c;

  /* Focus ring */
  --focus-ring:         color-mix(in srgb, var(--aris-purple) 55%, transparent);
}