:root{
  /* ============ RADII ============ */
  /* Piramesse leans architectural: mostly sharp, with a small
     functional radius on interactive controls. Pills for chips. */
  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:8px;
  --radius-lg:14px;
  --radius-xl:22px;
  --radius-pill:999px;
  --radius-control:var(--radius-sm);
  --radius-card:var(--radius-md);

  /* ============ BORDERS ============ */
  --border-hairline:1px;
  --border-thick:2px;
  --border-heavy:3px;

  /* ============ SHADOWS ============ */
  /* Restrained, hard-ish shadows — no soft SaaS glow.
     A signature offset "block" shadow for hero/CTA cards. */
  --shadow-xs:0 1px 2px rgba(10,10,11,0.06);
  --shadow-sm:0 2px 6px rgba(10,10,11,0.08);
  --shadow-md:0 10px 24px rgba(10,10,11,0.10);
  --shadow-lg:0 24px 60px rgba(10,10,11,0.14);
  --shadow-block:6px 6px 0 var(--ink-950);
  --shadow-block-accent:6px 6px 0 var(--flame-500);

  /* ============ BLUR / GLASS ============ */
  --blur-sm:6px; /* @kind other */
  --blur-md:14px; /* @kind other */
  --glass-bg:rgba(250,249,247,0.72);
  --glass-bg-dark:rgba(10,10,11,0.6);

  /* ============ MOTION ============ */
  /* Energetic but controlled — quick with a slight overshoot on
     emphasis, standard ease for everything else. */
  --ease-standard:cubic-bezier(0.2,0,0,1); /* @kind other */
  --ease-out:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --ease-emphasis:cubic-bezier(0.34,1.56,0.64,1); /* @kind other */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */

  /* ============ Z-INDEX ============ */
  --z-base:1; /* @kind other */
  --z-sticky:100; /* @kind other */
  --z-overlay:1000; /* @kind other */
  --z-modal:1100; /* @kind other */
  --z-toast:1200; /* @kind other */
}