/* Rhône Saône — Shape, border, shadow & motion tokens
   Moderate radii, 1px borders, very light shadows (never required to read a
   layout), short functional motion. */

:root {
  /* Radii */
  --rs-radius-sm: 0.375rem;  /* 6  — chips, small controls */
  --rs-radius-md: 0.625rem;  /* 10 — standard cards, inputs */
  --rs-radius-lg: 0.875rem;  /* 14 — large blocks */
  --rs-radius-xl: 1.125rem;  /* 18 — only when it helps the composition */
  --rs-radius-pill: 999px;
  --rs-radius-button: 0.5rem; /* 8 — buttons */

  /* Borders */
  --rs-border-width: 1px;
  --rs-border-width-strong: 1.5px;

  /* Shadows — discreet */
  --rs-shadow-sm: 0 0.25rem 1rem rgba(11, 46, 51, 0.07);
  --rs-shadow-md: 0 0.75rem 2rem rgba(11, 46, 51, 0.10);
  --rs-shadow-none: none;

  /* Motion */
  --rs-duration-fast: 140ms; /* @kind other */
  --rs-duration-normal: 220ms; /* @kind other */
  --rs-ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */

  /* Focus
     Un anneau translucide se compose avec ce qu il recouvre : rgba(17,166,180,.35)
     donnait 1,43:1 sur blanc, la ou WCAG 1.4.11 en exige 3. Les deux anneaux sont
     donc opaques et pris sur la rampe d interaction — 6,23:1 sur blanc, 5,86:1
     sur le fond sombre. */
  --rs-focus-ring: 0 0 0 3px var(--rs-color-interactive);
  --rs-focus-ring-on-dark: 0 0 0 3px var(--rs-color-interactive-on-dark);
}