/**
 * Doorstep brand tokens — purple on white.
 *
 * Every pairing passes WCAG AA on the page background (#FCFBFF). The token
 * names keep their historical --d- prefix so no stylesheet or script needs to
 * change; only the values moved when the site went light.
 */
:root{
  /* surfaces */
  --d-bg:        #FCFBFF;   /* page — white with a breath of violet */
  --d-surface:   #FFFFFF;   /* cards */
  --d-surface-2: #F5F3FC;   /* nested / raised */
  --d-line:      #E3DDF6;   /* strong border */
  --d-line-2:    #ECE8FA;   /* subtle border */

  /* ink */
  --d-ink:   #1B1830;  /* 15.9:1 */
  --d-ink-2: #4B4568;  /*  8.3:1 */
  --d-ink-3: #6E688A;  /*  5.2:1 */

  /* brand */
  --d-violet:     #6D4AE8;  /* accents, borders, current step */
  --d-violet-hi:  #5D3AD8;  /* links, hover — 6.4:1 on bg */
  --d-violet-fill:#6D4AE8;  /* button fills — white on it is 5.53:1 */
  --d-violet-dim: rgba(109,74,232,.09);

  /* status — green means good news only */
  --d-mint:  #0B7A57;
  --d-amber: #8A5A12;
  --d-red:   #A63A4A;

  /* light surfaces for printed CVs */
  --l-bg:#f6f8fa; --l-panel:#ffffff; --l-ink:#12181f; --l-ink-2:#3d4b5a; --l-ink-3:#5c6b79;

  --d-radius: 14px;
  --d-radius-sm: 10px;
  --d-glow: 0 1px 0 rgba(255,255,255,.9) inset, 0 10px 30px -26px rgba(64,42,158,.35), 0 30px 70px -40px rgba(64,42,158,.28);
}