:root{
  --radius-none:0; --radius-xs:2px; --radius-sm:3px; --radius-md:4px;
  --radius-lg:6px; --radius-pill:999px; --radius-circle:50%;

  --border-hairline:1px solid var(--line-hairline);
  --border-strong:1px solid var(--line-strong);
  --rule-accent:2px solid var(--line-accent);

  --shadow-none:none;
  --shadow-xs:0 1px 2px rgba(12,26,43,.07);
  --shadow-sm:0 2px 6px rgba(12,26,43,.09);
  --shadow-md:0 8px 24px rgba(12,26,43,.12);
  --shadow-lg:0 20px 48px rgba(12,26,43,.18);
  --shadow-focus:0 0 0 3px rgba(197,17,0,.22);
  --inset-hairline:inset 0 -1px 0 var(--line-hairline);

  --scrim-image:linear-gradient(180deg,rgba(12,26,43,0) 40%,rgba(12,26,43,.75) 100%);
  --scrim-dark:linear-gradient(90deg,rgba(12,26,43,.88) 0%,rgba(12,26,43,.35) 100%);

  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:320ms;
  --transition-control:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out);
}