/* ============================================================
   KleanKlub — Radius, shadow, border & motion tokens
   ============================================================ */
:root {
  /* ---- Corner radius ---- */
  --kk-radius-sm:   4px;  /* badges, chips, small buttons */
  --kk-radius:      8px;  /* buttons, inputs, default */
  --kk-radius-lg:   12px; /* cards, panels */
  --kk-radius-full: 999px;/* pills, avatars, circular icons */

  /* ---- Shadows ---- */
  --kk-shadow-nav:  0 2px 8px rgba(0,0,0,0.08);        /* sticky nav */
  --kk-shadow-sm:   0 4px 20px rgba(0,0,0,0.05);       /* resting cards / forms */
  --kk-shadow-md:   0 8px 32px rgba(0,0,0,0.10);       /* card hover lift */
  --kk-shadow-lg:   0 16px 48px rgba(0,0,0,0.20);      /* floating hero panel */
  --kk-shadow-blue: 0 4px 16px rgba(15,90,151,0.30);  /* blue glow on circles */
  --kk-shadow-blue-soft: 0 4px 20px rgba(15,90,151,0.12); /* featured card */

  /* ---- Borders ---- */
  --kk-border-width:   1px;
  --kk-border-input:   1.5px;
  --kk-border-accent:  3px;  /* nav bottom accent */
  --kk-border-card-top:4px;  /* card top-accent on hover / featured */

  /* ---- Motion ---- */
  --kk-ease:          0.15s; /* @kind other */
  --kk-ease-card:     0.2s; /* @kind other */
  --kk-ease-reveal:   0.45s ease; /* @kind other */
  --kk-lift:          translateY(-3px); /* @kind other */
  --kk-lift-sm:       translateY(-1px); /* @kind other */
}