/* Radii, elevation and motion. The identity is drawn with open arcs and thin
   strokes, so surfaces stay quiet: hairlines before shadows, shadows before fills. */
:root{
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:16px;
  --radius-pill:999px;   /* buttons, tags, the capsule echo of the logo's C */
  --radius-none:0;/* @kind radius */

  --stroke-hairline:1px;/* @kind spacing */
  --stroke-mark:2px;/* @kind spacing */      /* matches the logo's drawn line */
  --stroke-rule:3px;/* @kind spacing */      /* gradient section rules */

  --shadow-none:none;/* @kind shadow */
  --shadow-sm:0 1px 2px rgba(8,6,56,.06);
  --shadow-md:0 6px 24px rgba(8,6,56,.08);
  --shadow-lg:0 18px 48px rgba(8,6,56,.12);
  --shadow-focus:0 0 0 3px rgba(98,112,255,.45);/* @kind shadow */

  --blur-panel:blur(12px);/* @kind other */
  --scrim-deep:linear-gradient(180deg,rgba(8,6,56,0) 0%,rgba(8,6,56,.85) 100%);/* @kind other */

  --ease-standard:cubic-bezier(.2,0,.2,1);/* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1);/* @kind other */
  --duration-fast:120ms;/* @kind other */
  --duration-base:200ms;/* @kind other */
  --duration-slow:320ms;/* @kind other */
}