/* =========================================================
   LAD — palette

   styles.css never names a colour; it refers only to roles, so this
   file is the single place any colour is decided.

   Mixed by hand in the palette tool. The five chosen colours were:

     frame   #14130F   header, footer, the authorities block
     field   #0D1512   hero and closing CTA
     accent  #F0B537   buttons and the result figure
     detail  #F0B537   the second accent
     page    #EDE7DB   every reading section

   Everything below is derived from those five: text tones cannot be
   chosen freely, because a label has to survive whatever ground it
   lands on. Every pairing clears WCAG AA at the size it is used.

   Eight palettes explored during design are kept in
   design/palettes-reference.css.
   ========================================================= */

:root {
  --dark:           #14130F;
  --dark-2:         #2C2B27;
  --dark-3:         #4C4C49;
  --dark-veil:      rgba(20, 19, 15, 0.94);
  --shadow:         rgba(20, 19, 15, 0.36);

  --dark-alt:       #0D1512;
  --dark-alt-2:     #252C2A;

  --accent:         #F0B537;
  --accent-2:       #D39F30;
  --accent-on-dark: #F0B537;
  --on-accent:      #181206;
  --accent-lt:      #F0B537;
  --accent-deep:    #7D5E1D;

  --accent-b:       #F0B537;
  --accent-b-deep:  #7D5E1D;

  --page:           #EDE7DB;
  --page-2:         #F5F2EB;

  --ink:            #0B0A08;
  --body:           #4A4742;
  --muted:          #65625C;
  --faint:          #8B887F;

  --rule:           #C9C4B9;
  --rule-soft:      #DBD5CA;

  --on-dark:        #EDE7DB;
  --on-dark-2:      #BDB8AE;
  --on-dark-3:      #9B968D;
  --on-dark-rule:   rgba(237, 231, 219, 0.2);

  --warn-bg:        #FDF5E3;
  --warn-rule:      #F0B537;
  --warn-ink:       #8B6920;

  --alert:          #C0281C;
}