/* Radhark radii, borders, shadows, motion, texture. */
:root{
  /* Radii — the file uses tiny radii for chips/tiles and full pills for actions. */
  --rad-radius-xs:3px;
  --rad-radius-sm:4px;
  --rad-radius-md:6px;
  --rad-radius-lg:8px;
  --rad-radius-img:9px;
  --rad-radius-circle:40px;
  --rad-radius-pill:999px;
  --rad-radius-pill-99:99px;
  --rad-radius-pill-100:100px;
  --rad-radius-pill-120:120px;
  --rad-radius-pill-160:160px;

  /* Hairlines */
  --rad-border-hairline:1px solid var(--rad-rule-light);
  --rad-border-rule:1px solid var(--rad-rule);
  --rad-border-dark:1px solid var(--rad-rule-dark);
  --rad-dash-blue:1px dashed var(--rad-blue-line);

  /* Rings — the system fakes borders with inset shadows so layout never shifts. */
  --rad-ring-chip:inset 0 0 0 1px var(--rad-chip-border);
  --rad-ring-action:inset 0 0 0 1px var(--rad-action-blue);
  --rad-ring-soft:inset 0 0 0 1px rgba(169,169,169,.2); /* @kind shadow */
  --rad-ring-hairline:inset 0 0 0 .5px var(--rad-ink-a20);

  /* Motion — short, linear-ish, no bounce. */
  --rad-ease:cubic-bezier(.2,0,.2,1); /* @kind other */
  --rad-dur-fast:120ms; /* @kind other */
  --rad-dur:180ms; /* @kind other */
  --rad-dur-slow:320ms; /* @kind other */
  --rad-transition:all var(--rad-dur) var(--rad-ease);

  /* Halftone texture — the brand's one decorative device. */
  --rad-texture-halftone:url("../assets/textures/halftone-gradient.png"); /* @kind other */
  --rad-fade-canvas:linear-gradient(90deg,var(--rad-canvas) 0%,rgba(244,244,243,0) 100%);
}