/* The Kurater: Color tokens
   Core palette from the brand guide. Orange is the single accent;
   charcoal + black carry text; white is the "gallery wall" ground. */
:root {
  /* -- Base palette -- */
  --tk-orange:        #F15B2A;  /* Kurater Orange: primary accent  */
  --tk-orange-600:    #D94D1E;  /* pressed / darker accent          */
  --tk-orange-400:    #F47C50;  /* hover / lighter accent           */
  --tk-amber:         #F7941D;  /* gradient partner (stationery)    */
  --tk-charcoal:      #414042;  /* primary text / dark surfaces     */
  --tk-charcoal-700:  #333234;  /* deeper charcoal                  */
  --tk-black:         #000000;  /* jet black: max contrast text    */
  --tk-white:         #FFFFFF;  /* clean white: gallery ground     */

  /* -- Warm neutral scale (derived, for UI depth) -- */
  --tk-gray-50:       #F7F6F5;
  --tk-gray-100:      #EFEDEB;
  --tk-gray-200:      #E2DFDC;
  --tk-gray-300:      #CBC7C3;
  --tk-gray-400:      #A5A09B;
  --tk-gray-500:      #7A7570;
  --tk-gray-600:      #57534F;

  /* -- Accent tint washes -- */
  --tk-orange-tint:   #FDEDE6;  /* soft orange background wash       */
  --tk-orange-tint-2: #FBDDD0;

  /* -- Signature gradient (orange to amber) -- */
  --tk-gradient-warm: linear-gradient(90deg, #F15B2A 0%, #F7941D 100%); /* @kind color */
  --tk-gradient-warm-diag: linear-gradient(135deg, #F15B2A 0%, #F7941D 100%); /* @kind color */

  /* -- Semantic aliases -- */
  --text-primary:     var(--tk-charcoal);
  --text-strong:      var(--tk-black);
  --text-muted:       var(--tk-gray-500);
  --text-on-dark:     var(--tk-white);
  --text-accent:      var(--tk-orange);

  --surface-page:     var(--tk-white);
  --surface-card:     var(--tk-white);
  --surface-subtle:   var(--tk-gray-50);
  --surface-dark:     var(--tk-charcoal);
  --surface-inverse:  var(--tk-black);

  --border-subtle:    var(--tk-gray-200);
  --border-default:   var(--tk-gray-300);
  --border-strong:    var(--tk-charcoal);

  --accent:           var(--tk-orange);
  --accent-hover:     var(--tk-orange-400);
  --accent-press:     var(--tk-orange-600);
  --focus-ring:       #F15B2A;
}