/* ============================================================
   COLOR  —  Transducer Media
   "One gold, a deep range of darks, and warm paper.
    Gold is a key light — used sparingly, it always lands."

   The 60 / 30 / 10 rule:
   60% paper or dark ground · 30% mid-neutrals & type · 10% gold
   ============================================================ */
:root {
  /* ---- The hero ---- */
  --signal-gold: #D8B838;   /* the only color that should ever feel bright   */
  --gold-deep:   #B89A2B;   /* pressed / darker gold for interaction states  */
  --gold-soft:   #E9D585;   /* tints, hairlines on dark                      */

  /* ---- The dark range (deep → light) ---- */
  --ink:      #14110F;      /* near-black, primary dark ground               */
  --charcoal: #2A2724;      /* raised dark surfaces, cards on dark           */
  --graphite: #4D4943;      /* wordmark, strong type on light                */
  --slate:    #686868;      /* secondary type, captions                      */
  --ash:      #A8A08C;      /* muted type, disabled, mono on light           */

  /* ---- Warm paper ---- */
  --sand: #E6E0D3;          /* secondary paper, raised cards on light        */
  --bone: #F4F1EA;          /* primary paper / page ground                   */
  --paper-pure: #FBFAF6;    /* the lightest surface, card faces              */

  /* ---- Editorial annotation (voice & tone only — never UI chrome) ---- */
  --signal-positive: #4F7A5B;  /* "we say" / "this"                          */
  --signal-negative: #B0503E;  /* "we avoid" / "not this"                    */
  --wash-positive:   #E4E5D6;  /* muted ground behind the say-list           */
  --wash-negative:   #EFE0D9;  /* muted ground behind the avoid-list         */

  /* ============================================================
     SEMANTIC ALIASES — reference these in product work
     ============================================================ */

  /* Backgrounds */
  --bg-page:        var(--bone);
  --bg-page-dark:   var(--ink);
  --surface-raised: var(--paper-pure);   /* cards on light    */
  --surface-sunk:   var(--sand);         /* wells, inputs     */
  --surface-dark:   var(--charcoal);     /* cards on dark     */

  /* Text — on light grounds */
  --text-strong:  var(--ink);       /* serif display, key type */
  --text-body:    var(--graphite);  /* running body            */
  --text-muted:   var(--slate);     /* captions, secondary     */
  --text-faint:   var(--ash);       /* meta, disabled          */

  /* Text — on dark grounds */
  --text-on-dark-strong: var(--bone);
  --text-on-dark-body:   #C9C4B8;
  --text-on-dark-muted:  var(--ash);

  /* Accent */
  --accent:        var(--signal-gold);
  --accent-press:  var(--gold-deep);
  --on-accent:     var(--ink);      /* gold is a light — put ink on top */

  /* Lines */
  --hairline:        rgba(20, 17, 15, 0.14);  /* the section-rule hairline  */
  --hairline-strong: rgba(20, 17, 15, 0.30);
  --hairline-dark:   rgba(244, 241, 234, 0.16);
  --border:          rgba(20, 17, 15, 0.18);
}