/* ============================================================
   Dennis Stevens Studio — Color
   "Meaning Made Visible." A museum-quiet palette: warm paper,
   charcoal ink, and a single muted-bronze accent. Imagery
   carries the color; the chrome stays restrained.
   ============================================================ */

:root {
  /* ---- Base neutrals (paper -> ink) ---- */
  --paper:        #F7F5F0;  /* Soft White — primary page ground */
  --ivory:        #E8E1D5;  /* Aged Ivory — secondary ground, panels */
  --stone:        #C9C2B5;  /* Aged-paper midtone — hairlines, deboss */
  --charcoal:     #222222;  /* Charcoal — primary text, dark UI */
  --ink:          #111111;  /* Soft Black — dark sections, buttons */

  /* ---- Accents ---- */
  --bronze:       #8A6B46;  /* Muted Bronze — the single accent */
  --bronze-light: #B08A4E;  /* Lighter bronze — gilt edges, seals */
  --deep-green:   #2F3A34;  /* Deep Green — rare alt dark ground */

  /* ---- Pure references ---- */
  --white:        #FCFBF8;  /* card surface, near-white warm */
  --black:        #0B0B0B;

  /* ---- Semantic: surfaces ---- */
  --surface-page:    var(--paper);
  --surface-alt:     var(--ivory);
  --surface-card:    var(--white);
  --surface-ink:     var(--ink);      /* footers, dark heroes */
  --surface-charcoal:var(--charcoal);

  /* ---- Semantic: text ---- */
  --text-primary:  var(--charcoal);   /* headlines */
  --text-body:     #3A3733;           /* running body */
  --text-muted:    #6E685E;           /* captions, meta, labels */
  --text-faint:    #9A9388;           /* placeholders, disabled */
  --text-on-dark:  var(--paper);
  --text-on-dark-muted: #B7B0A3;

  /* ---- Semantic: lines & accent ---- */
  --accent:        var(--bronze);
  --accent-hover:  #75592F;
  --border:        #DED8CC;           /* default hairline on paper */
  --border-strong: #C7C0B2;
  --border-on-dark: rgba(247,245,240,0.16);
  --divider:       var(--bronze);     /* the bronze rule motif */

  /* ---- Focus ---- */
  --focus-ring:    rgba(138,107,70,0.45);
}