/* ============================================================
   anakine — Layout tokens: spacing, sizing, radius, shadow, motion, z
   ============================================================ */

:root {
  /* ---------- Spacing (base 4px) ---------- */
  --ak-space-1:  0.25rem;
  --ak-space-2:  0.5rem;
  --ak-space-3:  0.75rem;
  --ak-space-4:  1rem;
  --ak-space-6:  1.5rem;
  --ak-space-8:  2rem;
  --ak-space-12: 3rem;
  --ak-space-16: 4rem;
  --ak-space-24: 6rem;
  --ak-space-32: 8rem;

  /* Gutter & content width */
  --ak-container-max: 1440px;
  --ak-gutter:        1.5rem;

  /* ---------- Radii ---------- */
  --ak-radius-sm:   6px;    /* buttons */
  --ak-radius-md:   10px;
  --ak-radius-lg:   12px;   /* cards */
  --ak-radius-xl:   16px;
  --ak-radius-2xl:  20px;
  --ak-radius-3xl:  24px;   /* full-width panels */
  --ak-radius-pill: 999px;

  /* ---------- Shadows ---------- */
  --ak-shadow-card:  0 10px 30px -18px rgba(0,0,0,.35);
  --ak-shadow-hover: 0 20px 40px -24px rgba(0,0,0,.2);
  --ak-shadow-float: 0 30px 60px -30px rgba(0,0,0,.5);

  /* ---------- Motion ---------- */
  --ak-ease:        cubic-bezier(0, 0, .2, 1);   /* @kind other */
  --ak-ease-in-out: cubic-bezier(.4, 0, .2, 1);  /* @kind other */
  --ak-dur-fast:    0.2s;   /* @kind other */
  --ak-dur-base:    0.3s;   /* @kind other */
  --ak-dur-slow:    0.6s;   /* @kind other */
  --ak-dur-reveal:  0.8s;   /* @kind other */

  /* ---------- Depth (z-index) ---------- */
  --ak-z-base:     1;    /* @kind other */
  --ak-z-header:   100;  /* @kind other */
  --ak-z-announce: 120;  /* @kind other */
  --ak-z-overlay:  200;  /* @kind other */
}