/* PUSHPACE — Effects: borders, shadows, motion
   Real, not glossy. Contrast over gloss. Hard edges, honest shadows. */
:root{
  /* Borders — the brand loves a heavy confident stroke */
  --border-hair:1px;
  --border-1:2px;
  --border-heavy:3px;    /* icon / mark stroke weight feel */
  --border-block:4px;

  /* Shadows — flat + punchy, never soft/dreamy. Coral/green "glow" is a
     deliberate arena-screen effect, used sparingly. */
  --shadow-none:none;
  --shadow-card:0 2px 0 rgba(10,10,10,.18);           /* light UI, offset block */
  --shadow-raise:0 8px 24px rgba(10,10,10,.28);
  --shadow-tile:0 4px 0 rgba(0,0,0,.5);               /* graphite tile depth */
  --glow-green:0 0 0 3px rgba(85,223,5,.35);
  --glow-coral:0 0 24px rgba(255,113,69,.45);
  --ring-focus:0 0 0 3px rgba(85,223,5,.5);

  /* Motion — kinetic, start-line energy. Quick, decisive, no bounce-drama. */
  --ease-out:cubic-bezier(.16,1,.3,1); /* @kind other */      /* pace line sweep-in */
  --ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
  --ease-sprint:cubic-bezier(.2,.9,.25,1); /* @kind other */  /* snappy, athletic */
  --dur-fast:120ms; /* @kind other */
  --dur-base:200ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */
  --dur-sweep:600ms; /* @kind other */  /* the logo "runs" — pace lines sweep across */
}