/* Kyrion — Spacing, radii, shadows, motion tokens
   Derived from the section rhythm and card system in Kyrion_v2.html. */
:root {
  /* ── Spacing scale ── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 22px;
  --sp-6: 28px;
  --sp-8: 40px;
  --sp-10: 56px;
  --sp-12: 72px;
  --sp-section: 96px;   /* vertical section padding */
  --container: 1160px;  /* @kind spacing */
  --container-pad: 28px; /* @kind spacing */

  /* ── Radii ── */
  --r-sm: 8px;    /* buttons, chips */
  --r-md: 10px;   /* primary buttons, inputs */
  --r-lg: 14px;   /* small cards, tags row */
  --r-xl: 18px;   /* service / example cards */
  --r-2xl: 22px;  /* feature panels */
  --r-pill: 30px; /* badges, tags */
  --r-full: 50%;

  /* ── Border widths ── */
  --bd-hair: 1px;    /* @kind spacing */
  --bd-accent: 3px;  /* @kind spacing */

  /* ── Shadows ── */
  --sh-card:   0 12px 30px rgba(11,30,62,.06);
  --sh-lift:   0 20px 48px rgba(11,30,62,.12);
  --sh-panel:  0 30px 70px rgba(0,0,0,.35);
  --sh-glass:  0 30px 70px rgba(0,0,0,.5);
  --sh-teal:   0 10px 30px rgba(0,180,168,.35);
  --sh-teal-lg:0 16px 40px rgba(0,180,168,.5);
  --sh-gold:   0 12px 34px rgba(201,168,76,.35);
  --glow-teal: 0 0 20px rgba(0,180,168,.5);

  /* ── Motion ── */
  --ease-out: cubic-bezier(.2,.7,.2,1); /* @kind other */
  --dur-fast: .15s;   /* @kind other */
  --dur-base: .25s;   /* @kind other */
  --dur-slow: .35s;   /* @kind other */
  --dur-reveal: .7s;  /* @kind other */
}