/* ============================================================
   DESOBEDECE — COLOR TOKENS
   STRICTLY black / white / red. Red gives life only in small
   sections: CTAs, full-bleed editorial fields, stickers, marks.
   ============================================================ */
:root {
  /* ---- Base / ink ---- */
  --ds-black:        #000000;  /* primary ink, borders, type */
  --ds-rich-black:   #0A0E14;  /* editorial deep-black for large fills / posters */
  --ds-white:        #FFFFFF;  /* paper, reversed ink */
  --ds-silver:       #B1B1B1;  /* Philippine Silver — muted text, rules, disabled */

  /* Neutral ramp (derived, for borders / surfaces) */
  --ds-ink-900:      #000000;
  --ds-ink-700:      #1A1A1A;
  --ds-ink-500:      #4D4D4D;
  --ds-ink-300:      #B1B1B1;  /* = silver */
  --ds-ink-150:      #D8D8D8;
  --ds-ink-100:      #ECECEC;
  --ds-ink-050:      #F5F5F4;

  /* ---- PRIMARY accent ---- */
  --ds-red:          #FE2B09;  /* Desobedece Red — the one CTA / editorial pop */
  --ds-red-press:    #E0240A;  /* pressed / hover shade */
  --ds-red-tint:     #FFE3DD;  /* faint wash */

  /* Backward-compat alias: "coral" now resolves to Desobedece Red */
  --ds-coral:        var(--ds-red);
  --ds-coral-press:  var(--ds-red-press);
  --ds-coral-tint:   var(--ds-red-tint);

  /* ---- Legacy secondary-accent aliases ----
     The palette is now STRICTLY black / white / red. These names are kept
     only so old references don't break — they all resolve to red. */
  --ds-tangelo:      var(--ds-red);
  --ds-dandelion:    var(--ds-red);
  --ds-moss:         var(--ds-red);
  --ds-slate:        var(--ds-red);

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */
  /* Surfaces */
  --surface-page:     var(--ds-white);
  --surface-raised:   var(--ds-white);
  --surface-inverse:  var(--ds-black);
  --surface-muted:    var(--ds-ink-050);

  /* Text */
  --text-strong:      var(--ds-black);
  --text-body:        var(--ds-ink-700);
  --text-muted:       var(--ds-silver);
  --text-inverse:     var(--ds-white);
  --text-on-accent:   var(--ds-black);

  /* Lines & borders */
  --border-strong:    var(--ds-black);
  --border-default:   var(--ds-ink-150);
  --border-subtle:    var(--ds-ink-100);

  /* Interactive / CTA */
  --accent:           var(--ds-red);
  --accent-press:     var(--ds-red-press);
  --accent-tint:      var(--ds-red-tint);

  /* Sticker fills — black, white & red only */
  --sticker-red:      var(--ds-red);
  --sticker-coral:    var(--ds-red);

  /* Status (kept tonal, brand-neutral) */
  --status-sale:      var(--ds-red);
  --status-sold:      var(--ds-silver);
  --status-new:       var(--ds-black);
}