:root{
--radius-none:0;
--radius-field:2px;
--radius-round:999px;

--hairline:1px solid var(--border-hairline); /* @kind other */
--hairline-subtle:1px solid var(--border-subtle); /* @kind other */
--frame-offset:12px;
--ratio-portrait:4 / 5; /* @kind other */

--shadow-float:0 30px 60px -28px rgba(26,22,18,.28),0 2px 6px rgba(26,22,18,.04);
--shadow-soft:0 12px 32px -18px rgba(26,22,18,.22);

--ease-luxe:cubic-bezier(.22,.61,.36,1); /* @kind other */
--ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */
--dur-fast:200ms; /* @kind other */
--dur-base:400ms; /* @kind other */
--dur-slow:800ms; /* @kind other */

--paper-texture:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.28  0 0 0 0 0.2  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); /* @kind other */
}