/* Tokens the four financing routes need that design/palette.css and
 * design/tokens.css do not yet declare. Same --resurs-* namespace, layered
 * over them, so a component still never carries a literal and a whole colour
 * scheme still swaps as one layer.
 *
 * Ported from mocks/pages/b/pages-b.tokens.css (branch fable-b, 8cb478d),
 * minus --resurs-door-edge, which only the unpicked v2 router used. These
 * lines belong in design/palette.css; this lane may not write a shared file,
 * so they wait here and the move is named in the lane's report. */
:root {
  /* Form fields and their two states. The danger and success hues are the
     only new chroma on the page; both stay in this token layer. */
  --resurs-field-edge:        #D6DAE1;
  --resurs-field-edge-hover:  #B9BFCA;
  --resurs-danger:            #C2301F;
  --resurs-danger-soft:       #FBECEA;
  --resurs-success:           #1F7A4D;
  --resurs-success-soft:      #E7F5EE;

  /* The segmented pill: a pale band, the active segment a white tab that
     stands off it by a hairline of shadow (vtb-04). */
  --resurs-segment-lift: 0 1px 2px rgba(16, 22, 34, 0.10), 0 0 0 1px rgba(16, 22, 34, 0.04);

  --resurs-size-h1: var(--resurs-size-heading);
  --resurs-size-h2: 28px;
  --resurs-size-h3: 20px;
  --resurs-size-field: 16px;
  --resurs-radius-field: 12px;
  --resurs-row-plate: 44px;
  --resurs-gap-block: 56px;
}
@media (max-width: 1080px) {
  :root { --resurs-size-h2: 26px; --resurs-gap-block: 44px; }
}
@media (max-width: 560px) {
  :root { --resurs-size-h2: 22px; --resurs-size-h3: 18px; --resurs-gap-block: 36px; --resurs-row-plate: 40px; }
}