/* The colours of the family: Ose's and fortal's warm paper and terracotta, over the design
   guide's tokens. `tokens.css` stays the guide's block verbatim; this file, linked right after
   it, gives the same names fortal's values and changes nothing but colours, so sizes, faces and
   corners are still the guide's.

   The values are fortal's (`fortal/app/styles/tokens.css`). Where codril uses a semantic colour
   as text, a passed clock, a string in the code, a failed example, it takes fortal's `-ink`
   shade rather than the fill: olive and brick at full strength are too light to read as letters
   on paper. Terracotta stays the only saturated colour, and an error keeps its own brick with a
   tinted box, so a failed submit never reads as one more button. */

:root {
  --bg:        #FAF9F5;
  --bg-2:      #F3F1EA;
  --bg-3:      #E9E6DC;
  --bg-4:      #DEDACD;
  --line:      #E9E6DC;
  --line-2:    #DDD9CC;
  --fg:        #1F1E1D;
  --fg-2:      #5C5952;
  --accent:    #D97757;
  --accent-fg: #FFFFFF;
  --sel:       rgba(217, 119, 87, 0.22);
  --ok:    #4C6639;  --ok-soft:   #E4EBDA;
  --warn:  #75590D;  --warn-soft: #F5EDD3;
  --err:   #8E2E1E;  --err-soft:  #F2D9D3;
  --info:  #A2492B;  --info-soft: #F6E3DA;
}

[data-theme="dark"] {
  --bg:        #191919;
  --bg-2:      #202020;
  --bg-3:      #2C2C2C;
  --bg-4:      #333333;
  --line:      #2F2F2F;
  --line-2:    #4A4A4A;
  --fg:        #D4D4D4;
  --fg-2:      #A8A8A8;
  --accent:    #D97757;
  --accent-fg: #191919;
  --sel:       rgba(217, 119, 87, 0.30);
  --ok:    #8FAE72;  --ok-soft:   rgba(143, 174, 114, 0.16);
  --warn:  #D6B44A;  --warn-soft: rgba(214, 180, 74, 0.16);
  --err:   #DE7F6E;  --err-soft:  rgba(214, 97, 75, 0.16);
  --info:  #E38A6C;  --info-soft: rgba(217, 119, 87, 0.16);
}