/* ============================================================
   Jan Homeyer — Color
   A quiet, editorial gallery palette. Warm-tinted neutrals do
   almost all the work; indigo is the single brand accent; coral,
   blush and gold carry warmth & personality. The purple→cyan→mint
   signature gradient is reserved for rare, special moments.

   Light mode is the canonical (and only) theme.
   ============================================================ */

:root {
  /* ---- Brand palette (raw, from the identity sheet) ---- */
  --jh-indigo:        #3A36BF;  /* primary brand accent      */
  --jh-indigo-soft:   #5A56BF;  /* lifted / hover            */
  --jh-navy:          #022873;  /* deep, for dark moments    */
  --jh-navy-deep:     #022859;  /* deepest                   */
  --jh-coral:         #F2887E;  /* warm accent               */
  --jh-blush:         #F2C1B6;  /* soft warm fill            */
  --jh-gold:          #F2B90F;  /* highlight / warm pop       */
  --jh-pink:          #F280BF;  /* playful tertiary (logo)   */

  /* Pop trio — playful identity colors, used very sparingly */
  --jh-cyan:          #00BBF9;
  --jh-magenta:       #F15BB5;
  --jh-yellow:        #FEE440;

  /* Signature gradient ramp (purple → blue → mint) — rare */
  --jh-grad-1:        #7400B8;
  --jh-grad-2:        #6930C3;
  --jh-grad-3:        #5E60CE;
  --jh-grad-4:        #5390D9;
  --jh-grad-5:        #4EA8DE;
  --jh-grad-6:        #48BFE3;
  --jh-grad-7:        #56CFE1;
  --jh-grad-8:        #64DFDF;
  --jh-grad-9:        #72EFDD;
  --jh-grad-10:       #80FFDB;

  /* ---- Warm neutral ramp (the gallery foundation) ---- */
  --neutral-0:    #FFFFFF;  /* pure white — cards, lifted surfaces */
  --neutral-50:   #FAF8F4;  /* paper — page background             */
  --neutral-100:  #F1EEE8;  /* subtle fill                         */
  --neutral-150:  #E8E4DC;  /* hairline fill / track               */
  --neutral-200:  #DAD5CB;  /* borders                             */
  --neutral-300:  #BFB9AD;  /* strong border / disabled            */
  --neutral-400:  #9C958A;  /* muted text                          */
  --neutral-500:  #7A7368;  /* secondary text                      */
  --neutral-600:  #5C564E;  /* body on tinted surfaces             */
  --neutral-700:  #423E38;  /* strong text                         */
  --neutral-800:  #2A2723;  /* near-ink                            */
  --neutral-900:  #1A1A1A;  /* ink — primary text                  */

  /* ---- Semantic aliases — author against these ---- */
  /* Surfaces */
  --surface-page:        var(--neutral-50);
  --surface-card:        var(--neutral-0);
  --surface-sunken:      var(--neutral-100);
  --surface-inset:       var(--neutral-150);
  --surface-inverse:     var(--neutral-900);
  --surface-brand:       var(--jh-indigo);

  /* Text */
  --text-primary:        var(--neutral-900);
  --text-secondary:      var(--neutral-500);
  --text-muted:          var(--neutral-400);
  --text-on-brand:       var(--neutral-0);
  --text-on-inverse:     var(--neutral-50);
  --text-link:           var(--jh-indigo);
  --text-link-hover:     var(--jh-indigo-soft);

  /* Lines & borders */
  --border-subtle:       var(--neutral-200);
  --border-strong:       var(--neutral-300);
  --border-hairline:     var(--neutral-150);
  --border-focus:        var(--jh-indigo);

  /* Accents */
  --accent-primary:      var(--jh-indigo);
  --accent-primary-hover:var(--jh-indigo-soft);
  --accent-warm:         var(--jh-coral);
  --accent-warm-soft:    var(--jh-blush);
  --accent-highlight:    var(--jh-gold);
  --accent-play:         var(--jh-pink);

  /* Status (kept muted to honor the editorial tone) */
  --status-positive:     #2E7D62;
  --status-attention:    var(--jh-gold);
  --status-critical:     #C0473B;
  --status-info:         var(--jh-indigo);

  /* Selection */
  --selection-bg:        var(--jh-blush);
  --selection-fg:        var(--neutral-900);

  /* ---- Signature gradient (reserved) ---- */
  --gradient-signature:  linear-gradient(120deg,
                          var(--jh-grad-1) 0%,
                          var(--jh-grad-5) 50%,
                          var(--jh-grad-10) 100%);
  --gradient-signature-soft: linear-gradient(120deg,
                          #5E60CE 0%, #56CFE1 60%, #80FFDB 100%); /* @kind color */
  /* Warm gradient for occasional accents */
  --gradient-warm:       linear-gradient(120deg,
                          var(--jh-gold) 0%, var(--jh-coral) 100%);
}

::selection {
  background: var(--selection-bg);
  color: var(--selection-fg);
}