/* ============================================================
   KANTA — COLOR TOKENS (Material 3, Light theme)
   Warm parchment base + charcoal ink + amber accent.
   ============================================================ */
:root {
  /* ---- Brand primitives ---- */
  --kanta-ink:        #141413;  /* Primary — near-black charcoal */
  --kanta-stone:      #6B6862;  /* Secondary — warm grey */
  --kanta-amber:      #E69E3B;  /* Tertiary — signature amber */
  --kanta-parchment:  #F5EFE2;  /* Primary background — warm cream */
  --kanta-cream:      #FFF9EC;  /* Secondary background — lighter cream */
  --kanta-white:      #FFFFFF;

  /* ---- Semantic status ---- */
  --kanta-success:    #6B8E5E;  /* sage green */
  --kanta-error:      #CF6679;  /* rose */
  --kanta-warning:    #F9CF58;  /* soft yellow */

  /* ---- Amber ramp (derived, for hovers / tints) ---- */
  --kanta-amber-600:  #C77F1F;
  --kanta-amber-500:  #E69E3B;
  --kanta-amber-300:  #F0C079;
  --kanta-amber-100:  #F8E4BE;
  --kanta-amber-050:  #FBF1DC;

  /* ---- Ink ramp ---- */
  --kanta-ink-900:    #141413;
  --kanta-ink-700:    #3A3833;
  --kanta-ink-500:    #6B6862;
  --kanta-ink-300:    #9C9890;
  --kanta-ink-100:    #D8D3C8;

  /* ============ Semantic aliases (use these in UI) ============ */
  /* Surfaces */
  --surface-page:      var(--kanta-parchment);
  --surface-card:      var(--kanta-white);
  --surface-raised:    var(--kanta-cream);
  --surface-sunken:    #EFE8D8;
  --surface-inverse:   var(--kanta-ink);

  /* Text */
  --text-strong:       var(--kanta-ink);
  --text-body:         #2A2926;
  --text-muted:        var(--kanta-stone);
  --text-faint:        var(--kanta-ink-300);
  --text-on-ink:       var(--kanta-cream);
  --text-on-amber:     var(--kanta-ink);
  --text-link:         var(--kanta-amber-600);

  /* Accent */
  --accent:            var(--kanta-amber);
  --accent-hover:      var(--kanta-amber-600);
  --accent-tint:       var(--kanta-amber-050);

  /* Borders / dividers */
  --border-subtle:     #E6DECF;
  --border-default:    #DBD2C0;
  --border-strong:     var(--kanta-ink-100);

  /* Status semantic */
  --status-success:    var(--kanta-success);
  --status-error:      var(--kanta-error);
  --status-warning:    var(--kanta-warning);
  --status-success-bg: #E6EDE1;
  --status-error-bg:   #F7E3E7;
  --status-warning-bg: #FDF3D4;

  /* Focus */
  --focus-ring:        var(--kanta-amber);
}