/* ============================================================
   DOMOBUILT — palette overrides on top of Moolala's tokens.
   Keeps the editorial bones (paper surface, charcoal ink,
   serif display, hairline grids) — retunes the accent to a
   refined goldenrod and introduces a deep navy dark colorway.
   Linked AFTER colors_and_type.css so these win.
   ============================================================ */

:root {
  /* --- Neutrals: cooled a touch toward gray / light gray --- */
  --bg:            #F3F2ED;   /* primary paper surface */
  --bg-alt:        #E9E7DF;   /* layered band */
  --hairline:      #DAD7CE;   /* hairline borders on paper */

  /* --- Accent: refined goldenrod (single pop per screen) --- */
  --accent:         #C99016;  /* on paper — marks, ticks, underlines */
  --accent-on-dark: #E7B23E;  /* on navy — eyebrows, numerals, CTA fill */

  /* --- Deep navy dark colorway (replaces charcoal on dark panels) --- */
  --domo-navy:       #16273A;
  --domo-navy-soft:  #213650;
  --domo-navy-line:  #2C405A;
  --domo-dark:       #16273A;  /* current dark surface (tweakable) */
  --domo-dark-line:  #2C405A;

  /* on-dark text tints */
  --on-dark:        #EDEBE4;
  --on-dark-muted:  #9AA6B4;
}

body { background: var(--bg); }