/* =========================================================================
   Keron — dark theme
   Token values only; mirrors light.css one-for-one. See base.css for all
   structure and typography.
   ========================================================================= */

:root {
  color-scheme: dark;

  /* Surfaces */
  --bg:            #0C0C0E;
  --bg-alt:        #121215;
  --surface:       #16161A;
  --surface-sunk:  #101013;

  /* Text */
  --text:          #ECECEF;
  --text-dim:      #A2A2AE;
  --text-faint:    #71717D;
  --text-invert:   #0C0C0E;

  /* Rules and edges */
  --rule:          #26262D;
  --rule-strong:   #3B3B45;

  /* Accents — lightened so they clear 4.5:1 on the near-black ground */
  --accent:        #9AA4F7;
  --accent-2:      #B695F2;
  --accent-soft:   rgba(154, 164, 247, 0.13);
  --signal:        #FF8877;
  --signal-soft:   rgba(255, 136, 119, 0.13);

  /* Code and mono blocks */
  --code-bg:       #16161A;
  --code-text:     #DCDCE4;
  --code-rule:     #2B2B33;

  /* Buttons */
  --btn-fg:        #0C0C0E;
  --btn-bg:        #ECECEF;
  --btn-bg-hover:  #FFFFFF;

  /* Effects */
  --shadow-sm:     0 1px 2px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.35);
  --shadow-lg:     0 18px 50px rgba(0, 0, 0, 0.6), 0 3px 10px rgba(0, 0, 0, 0.4);
  --selection:     rgba(154, 164, 247, 0.24);
  --focus-ring:    #9AA4F7;

  /* The stylized desktop the hero banner sits on */
  --stage-from:    #2A2470;
  --stage-to:      #5E2A63;
  --stage-bar:     rgba(255, 255, 255, 0.09);
}

/* Header mark: only one of the two theme stylesheets is ever active, so hiding
   the other variant here is enough — it works for the manual override too. */
.mark--light { display: none; }