/*
 * KESA — the summer override
 * One day. The light at 10pm through birch leaves.
 * The last day of the three-day spring
 * was also the first day of summer.
 * Winter is a memory.
 *
 * Apply via: <html data-theme="kesa"> or class="kesa" on a container.
 * Requires palette.css to be loaded first.
 */

[data-theme="kesa"] {

  /* ── backgrounds ─────────────────────────────────────── */

  --bg:             var(--pellava-lämmin);   /* linen in sun          */
  --bg-elevated:    var(--lumi-lämmin);      /* warm white, card face  */
  --bg-inset:       var(--kaura);            /* oat, inset surface     */
  --bg-overlay:     var(--benz-creme);       /* overlay surface        */

  /* ── surfaces ────────────────────────────────────────── */

  --surface:        var(--lumi-lämmin);
  --surface-hover:  var(--kaura-kirkas);
  --surface-active: var(--olki);

  /* ── borders ─────────────────────────────────────────── */

  --border-strong:  var(--kulta-haale);      /* pale gold, present     */
  --border:         var(--olki);             /* straw, standard        */
  --border-subtle:  var(--olki-kirkas);      /* almost invisible       */
  --rule:           var(--kulta-haale);
  --rule-accent:    var(--kulta-keski);

  /* ── text ────────────────────────────────────────────── */

  --text:           var(--tuhka-syvä);       /* deep warm charcoal     */
  --text-subdued:   var(--hiekka-tumma);     /* warm grey-brown        */
  --text-muted:     var(--samea);            /* murky sand             */
  --text-disabled:  var(--norsunluu-keski);  /* washed ivory           */
  --text-heading:   var(--kulta-keski);      /* dark gold              */
  --text-subheading:var(--meripihka-varjo);  /* amber shadow           */

  /* ── accent ──────────────────────────────────────────── */

  --accent:         var(--kulta);            /* gold — the metal       */
  --accent-dim:     var(--kulta-keski);      /* dark gold              */
  --accent-hover:   var(--meripihka);        /* amber on hover         */
  --accent-subtle:  var(--kulta-haale);      /* faint gold             */

  /* ── interactive — lake stays ────────────────────────── */

  --link:           var(--järvi);
  --link-hover:     var(--järvi-kirkas);
  --link-visited:   var(--teräs);
  --link-active:    var(--meri);

  /* ── selection ───────────────────────────────────────── */

  --selection-bg:   var(--olki);
  --selection-text: var(--tuhka-syvä);

  /* ── code — inverted for light ground ────────────────── */

  --code-bg:        var(--benz-creme);
  --code-text:      var(--kuusi-kirkas);     /* pine green on cream    */
  --code-border:    var(--kulta-haale);

  /* ── framing ─────────────────────────────────────────── */

  --framing-border: var(--kulta-keski);
  --framing-text:   var(--hiekka);

  /* ── footer ──────────────────────────────────────────── */

  --footer-border:  var(--olki);
  --footer-text:    var(--meripihka-varjo);

  /* ── dropcap, fi span ────────────────────────────────── */

  --dropcap:        var(--kulta);
  --fi-text:        var(--meripihka-varjo);

  /* ── amber rule — lighter in summer ──────────────────── */

  --rule-amber-from: transparent;
  --rule-amber-mid:  var(--kulta-haale);
  --rule-amber-to:   transparent;

  /* ── states ──────────────────────────────────────────── */

  --state-error:        var(--tuli);
  --state-error-bg:     var(--ruoste-kirkas);
  --state-warning:      var(--kulta-keski);
  --state-warning-bg:   var(--olki);
  --state-success:      var(--sammal);
  --state-success-bg:   var(--haapa-kirkas);
  --state-info:         var(--järvi);
  --state-info-bg:      var(--jää-vaalea);

  /* ── brand ───────────────────────────────────────────── */

  --brand:          var(--kulta);
  --brand-dim:      var(--kulta-keski);

}
