/* ==========================================================================
   KARBO — Color tokens
   Base palette: deep black, broken-white cream, aged gold.
   Accents are deliberately muted/deepened versions of the brand's
   pixel-texture hues (orange, rose/plum, teal) — punctuation, not decoration.
   ========================================================================== */

:root {
  /* ---- Base ---- */
  --karbo-black:        #15130F;  /* dominant background */
  --karbo-black-raised: #1C1A15;  /* cards / raised surfaces on black */
  --karbo-black-line:   #2A2720;  /* borders on black */
  --karbo-cream:        #FAF7F0;  /* primary text on black / light bg */
  --karbo-cream-dim:     rgba(250, 247, 240, 0.62);
  --karbo-cream-faint:    rgba(250, 247, 240, 0.36);
  --karbo-hairline:      rgba(250, 247, 240, 0.14); /* separators on black */
  --karbo-hairline-on-cream: rgba(21, 19, 15, 0.14);

  /* ---- Gold (aged, used sparingly) ---- */
  --karbo-gold:      #8C7438;
  --karbo-gold-dim:  #6E5B2C;
  --karbo-gold-bright: #B79A56; /* hover / emphasis only */

  /* ---- Neutral greys (labels, secondary text) ---- */
  --karbo-grey-on-black:  #9A9587;
  --karbo-grey-on-cream:  #6B6659;

  /* ---- Muted color accents (deepened from brand texture hues) ----
     Used sparingly as punctuation: verdict states, tags, chart lines.
     Never as backgrounds larger than a badge/rule. */
  --karbo-accent-amber: #C97A3D;
  --karbo-accent-rose:  #9C5A73;
  --karbo-accent-teal:  #2E7D6E;

  /* ---- Vivid texture hues (source values, for reference / textures only) ---- */
  --karbo-texture-orange: #F97651;
  --karbo-texture-rose:   #CF3CFF;
  --karbo-texture-teal:   #0E7E81;

  /* ---- Semantic: verdict states (Decision Memo, badges) ---- */
  --karbo-go:        var(--karbo-accent-teal);
  --karbo-negotiate: var(--karbo-accent-amber);
  --karbo-wait:      var(--karbo-gold);
  --karbo-nogo:      #9C3B44;

  /* ---- Semantic aliases ---- */
  --surface-page:      var(--karbo-black);
  --surface-card:      var(--karbo-black-raised);
  --surface-inverse:   var(--karbo-cream);
  --border-subtle:     var(--karbo-hairline);
  --border-subtle-on-cream: var(--karbo-hairline-on-cream);
  --text-primary:      var(--karbo-cream);
  --text-secondary:    var(--karbo-cream-dim);
  --text-tertiary:     var(--karbo-grey-on-black);
  --text-primary-on-cream:   var(--karbo-black);
  --text-secondary-on-cream: var(--karbo-grey-on-cream);
  --text-accent:       var(--karbo-gold);
  --link-color:        var(--karbo-gold-bright);
  --link-color-hover:  var(--karbo-cream);
}