:root{
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-pill:999px;

  --shadow-soft:0 8px 24px rgba(8,20,55,.08);
  --shadow-raised:0 12px 32px rgba(8,20,55,.12);

  --border-width:1px;

  --duration-fast:180ms; /* @kind other */
  --duration-standard:240ms; /* @kind other */
  --duration-reveal:500ms; /* @kind other */
  --ease-standard:ease; /* @kind other */
  --ease-reveal:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --transition-interactive:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard),background-color var(--duration-standard) var(--ease-standard),border-color var(--duration-standard) var(--ease-standard);

  --focus-ring:0 0 0 3px rgba(45,108,223,.35);
}