:root{
  /* Corners: the brand is square. Radius is reserved for controls and media. */
  --radius-none:0px;
  --radius-control:4px;
  --radius-media:6px;
  --radius-pill:999px;

  --border-width-hairline:1px;
  --border-width-strong:2px;

  /* Shadows are almost absent; only floating controls get one */
  --shadow-none:none;
  --shadow-control:0 1px 2px rgba(23,21,21,0.08);
  --shadow-float:0 8px 24px rgba(23,21,21,0.10);
  --shadow-card-hover:0 12px 32px rgba(23,21,21,0.08);

  /* Motion */
  --ease-standard:cubic-bezier(0.22,0.61,0.36,1); /* @kind other */
  --ease-out-soft:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --duration-fast:140ms; /* @kind other */
  --duration-base:240ms; /* @kind other */
  --duration-slow:600ms; /* @kind other */

  /* Glass / protection */
  --blur-glass:blur(12px); /* @kind other */
  --scrim-light:rgba(255,255,255,0.72); /* @kind color */
  --scrim-dark:linear-gradient(180deg,rgba(23,21,21,0) 0%,rgba(23,21,21,0.55) 100%); /* @kind color */
}