/* ====================================================================
   THEME · IRIS · the one theme of the admin area
   Round-13's iris. A warm sand surface: sand page, espresso ink, warm
   hairlines. The accent is a violet, deep enough to hold AA on sand:
   rings, links, active tabs and checkboxes are violet, solid buttons
   are deep violet going lighter violet on hover, and the selection and
   the focus wash carry the faintest lavender cast. julia keeps her
   rust, far enough from the violet that the two never trade places.

   Every colour, wash and radius of the app is one of these --tt-*
   tokens; nothing else owns a colour. Tokens for screens that do not
   exist yet return with their features.
   ==================================================================== */
:root {
  color-scheme: light;

  /* surfaces · one step apart, so a zone says what it is before it is
     read. The page used to be five per cent off white: the bar, the
     white card and the page all landed on the same tone, and the whole
     screen read as one flat sheet. Sand now, white over it. */
  --tt-page:        #f6f3ee;
  --tt-paper:       #ffffff;
  --tt-field:       #eae6df;
  --tt-fieldhover:  #e4dff0;
  --tt-bar:         rgba(255, 255, 255, .93);

  /* ink · 14.7 / 9.4 / 7.4 / 5.7 against the page. The two quiet roles
     carry dates, leads and notes: they are read, so they went a step
     down with the surfaces instead of following them up. */
  --tt-ink:         #23201b;
  --tt-inksoft:     #443f37;
  --tt-dim:         #554e45;
  --tt-faint:      #665f55;
  --tt-slash:       #b0aaa1;

  /* lines · warm gray, and a line only works when it is seen: 1.6 and
     1.3 against the page, from 1.4 and 1.1 */
  --tt-rule:        #c9c3ba;
  --tt-hair:        #ddd8d0;

  /* accent · violet: focus, links, active tab, checkboxes · 5.9 on the
     page, 6.5 on white, 5.5 on a field */
  --tt-accent:      #6d35de;
  --tt-accentloud:  #6d35de;
  --tt-accentsoft:  #a992e0;
  --tt-accentwash:  #ece7f7;
  --tt-accentline:  #d0c3ea;

  /* solid controls: deep violet, lighter violet on hover */
  --tt-solid:       #4b2a83;
  --tt-solidhover:  #6a3fb5;
  --tt-onsolid:    #ffffff;
  --tt-solidline:   rgba(255, 255, 255, .32);

  /* julia · rust, and nothing else · 5.3 on the page */
  --tt-julia:       #a34a26;
  --tt-juliatint:   #fbeade;
  --tt-julialine:   #e8c7ae;
  --tt-livetint:    #ece7f7;
  --tt-liveline:    #d0c3ea;
  --tt-livetext:    #6d35de;

  /* depth · with a lavender breath on the second wash so a focused
     editor tints instead of graying */
  --tt-shadow:      35 30 24;
  --tt-scrim:       rgba(24, 21, 17, .34);
  --tt-overlay:     25 23 32;
  --tt-lightbox:    rgba(24, 21, 17, .96);
  --tt-wash1:       rgba(109, 53, 222, .028);
  --tt-wash2:       rgba(109, 53, 222, .05);

  /* shape · paper's */
  --tt-radius:      4px;
  --tt-radius-pop:  7px;
  --tt-radius-pill: 999px;
  --tt-radius-img:  3px;
  --tt-tabw:        2px;
}