/* Tokens the platform's six routes need beyond design/palette.css and the
 * light layer. Lifted from mocks/pages/c/pages-c.tokens.css on branch fable-c
 * with its own header rewritten: his pick made these values the site's, so
 * they move from the lane's mock directory to site/ unchanged.
 *
 * Same --resurs-* namespace, same law: a component never carries a literal, so
 * a whole colour scheme still swaps as one layer. Colours here are the few
 * this family adds (a form's invalid and saved states); the rest are lengths
 * and durations for the orbit, the plates row, the ledger and the forms. */
:root {
  /* form states: the only new colours in the family */
  --resurs-invalid:        #B42318;
  --resurs-invalid-soft:   #FDECEA;
  --resurs-saved:          #146C43;
  --resurs-saved-soft:     #E6F4EC;
  --resurs-field-edge:     #C9CED6;
  --resurs-field-edge-hover: #9AA1AE;

  /* the orbit: a square ring, contours on its circumference, the hub inside */
  --resurs-orbit-size:      640px;
  /* the ring the rays are drawn on: 39% of the box, so a ray always ends under its contour */
  --resurs-orbit-radius:    calc(var(--resurs-orbit-size) * 0.39);
  --resurs-orbit-node:      132px;
  --resurs-orbit-hub:       168px;
  --resurs-orbit-plate:     52px;
  --resurs-orbit-ray:       1px;

  /* the plates row and the reveal beneath it */
  --resurs-plates-plate:    44px;
  --resurs-plates-min-height: 64px;

  /* the ledger's date column */
  --resurs-ledger-date:     120px;

  /* type this family adds */
  --resurs-size-page-title: 52px;
  --resurs-size-band-title: 26px;
  --resurs-size-orbit-label: 13px;
  --resurs-size-hub:        22px;

  --resurs-reveal: 220ms;
}
@media (max-width: 1080px) {
  :root {
    --resurs-orbit-size: 520px;
    --resurs-orbit-node: 112px;
    --resurs-orbit-hub: 140px;
    --resurs-orbit-plate: 44px;
    --resurs-size-page-title: 42px;
    --resurs-size-band-title: 23px;
  }
}
@media (max-width: 560px) {
  :root {
    --resurs-size-page-title: 32px;
    --resurs-size-band-title: 20px;
    --resurs-size-hub: 18px;
    --resurs-ledger-date: 88px;
    --resurs-plates-plate: 40px;
  }
}