/* Radii, borders, motion — settings_data.json + base.scss. */
:root{
  --radius-button:8px;          /* buttons_radius */
  --radius-pill:40px;           /* variant pills, badges, mobile tab buttons */
  --radius-card:0px;            /* cards are square */
  --radius-input:0px;
  --radius-media:0px;
  --border-width-button:1px;
  --border-width-input:1px;
  --border-opacity-input:0.55; /* @kind other */
  --border-opacity-pill:0.55; /* @kind other */
  --duration-short:100ms; /* @kind other */
  --duration-default:200ms; /* @kind other */
  --duration-long:500ms; /* @kind other */
  --ease-image:cubic-bezier(0.25,0.46,0.45,0.94); /* @kind other */
  --shadow-none:none;           /* the theme ships with all shadow opacities at 0 */
  --focus-ring:0 0 0 3px rgb(255,255,255),0 0 5px 4px rgba(17,17,17,0.3);
  --button-min-height:47px;     /* 4.5rem + 2*1px border */
  --button-padding-x:30px;
  --input-height:45px;
}
a{color:var(--color-link,#111111);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:text-decoration-thickness ease 100ms}
a:hover{text-decoration-thickness:2px}
::selection{background-color:rgba(17,17,17,0.2)}