/* ─────────────────────────────────────────────────────────────
   Easy Peasy Media Co — Color tokens
   A warm, editorial palette: cream papers, charcoal-brown ink,
   slate gray, and a single muted gold accent (from the logo mark).
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Brand raw palette ───────────────────────────────────── */
  --ep-cream:        #f2f1eb;   /* primary warm paper / page bg   */
  --ep-butter:       #f9eecc;   /* soft cream — warm accent fill  */
  --ep-sand:         #ddd8c7;   /* muted taupe — secondary fill   */
  --ep-charcoal:     #3c3333;   /* deep charcoal-brown — ink/dark */
  --ep-slate:        #545557;   /* slate gray — logo bg, muted    */

  /* Gold accent, derived from the logo "MEDIA CO." lettering */
  --ep-gold:         #c2a14e;   /* primary gold                   */
  --ep-gold-soft:    #d8c187;   /* lighter gold (hover/tint)      */
  --ep-gold-deep:    #9c7f33;   /* deeper gold (text on cream)    */

  /* Tints & shades for surfaces and lines */
  --ep-cream-2:      #e9e7dd;   /* slightly deeper paper          */
  --ep-charcoal-90:  #4a4040;   /* raised charcoal surface        */
  --ep-charcoal-80:  #5b5050;   /* hover on charcoal              */
  --ep-white:        #fbfaf6;   /* near-white card on cream       */
  --ep-ink-soft:     #6b6360;   /* warm gray text                 */

  /* ── Semantic — text ─────────────────────────────────────── */
  --text-strong:     var(--ep-charcoal);   /* headings, key copy  */
  --text-body:       #4d4544;               /* body copy           */
  --text-muted:      var(--ep-ink-soft);    /* captions, meta      */
  --text-on-dark:    var(--ep-cream);       /* on charcoal/slate   */
  --text-on-dark-muted: #c4bdb6;
  --text-accent:     var(--ep-gold-deep);   /* gold text on light  */
  --text-link:       var(--ep-charcoal);

  /* ── Semantic — surfaces ─────────────────────────────────── */
  --surface-page:    var(--ep-cream);       /* default page bg     */
  --surface-card:    var(--ep-white);       /* cards on cream      */
  --surface-raised:  var(--ep-butter);      /* warm highlight card */
  --surface-muted:   var(--ep-sand);        /* quiet panel         */
  --surface-dark:    var(--ep-charcoal);    /* dark sections       */
  --surface-slate:   var(--ep-slate);       /* logo lockup bg      */

  /* ── Semantic — lines & accents ──────────────────────────── */
  --border-hair:     #dcd8cc;               /* subtle line on cream*/
  --border-strong:   #c9c3b3;
  --border-on-dark:  rgba(242, 241, 235, 0.16);
  --accent:          var(--ep-gold);
  --accent-ink:      var(--ep-gold-deep);
  --focus-ring:      var(--ep-gold-deep);

  /* ── Status (kept warm, used sparingly) ──────────────────── */
  --status-success:  #5f7d52;
  --status-warning:  #c2872f;
  --status-error:    #b1503f;
  --status-info:     var(--ep-slate);
}