/* Tokens the departments route needs that design/palette.css does not yet
 * declare. Ported from the picked mock's sun.tokens.css (branch sun-fable-1).
 * Same --resurs-* namespace, same rule: a component never carries a literal,
 * so a whole colour scheme swaps by replacing values here and nothing else.
 * When the palette layer is next consolidated these lines move into
 * design/palette.css; until then they stay beside the one route that reads
 * them, because this lane may not edit a shared file.
 *
 * The star is the ONE accent on the page, and it is his: «не жёлтая солнца, а
 * такой фиолетовый … фиолетовый бирюзовый градиент … цвет морской волны». */
:root {
  --resurs-sun-from: #6A46D6;   /* violet, the axis */
  --resurs-sun-via:  #3F79DA;   /* the blue between, next to the site accent */
  --resurs-sun-to:   #23B0AE;   /* sea-wave turquoise, the rim */
  --resurs-sun-gradient: linear-gradient(140deg, var(--resurs-sun-from), var(--resurs-sun-via) 52%, var(--resurs-sun-to));
  --resurs-sun-ink: #FFFFFF;
  /* The disc is an object like the plates: seated, not glowing. */
  --resurs-sun-seat: 0 1px 1.5px var(--resurs-plate-seat), var(--resurs-plate-cast);
  --resurs-sun-rim: rgba(255, 255, 255, 0.36);

  /* Geometry of the orbit. Radii are fractions of the figure's width; the
     tiles and the drawn rings read the same three numbers, so they cannot
     disagree. */
  /* Picked v2: 120s turn, 20s breath, bounded three-degree phase. */
  --resurs-orbit-turn-ms: 120000;
  --resurs-orbit-breath-ms: 20000;
  --resurs-orbit-phase-deg: 3;
  --resurs-orbit-size: 800px;
  --resurs-orbit-inner: 0.285;
  --resurs-orbit-outer: 0.435;
  --resurs-orbit-tile-width: 122px;
  --resurs-orbit-plate: 48px;
  --resurs-axis-size: 156px;
  --resurs-size-tile-name: 13px;
  --resurs-size-axis-role: 15px;
  --resurs-spoke-width: 0.19;  /* figure units: 1.5px on the 800px figure */
  --resurs-dim: 0.32;          /* the other contour under the switch */
  --resurs-draw: 320ms;        /* the spoke drawing itself on hover */

  --resurs-panel-width: 400px;
  --resurs-orbit-gap: 56px;
}
@media (max-width: 1080px) {
  :root {
    --resurs-orbit-tile-width: 104px;
    --resurs-orbit-plate: 42px;
    --resurs-axis-size: 128px;
    --resurs-size-tile-name: 12px;
    --resurs-orbit-inner: 0.29;
    --resurs-orbit-outer: 0.45;
  }
}