/* ============================================================
   Vedic Pathway — Spacing, Grid, Radius, Shadow, Motion
   "Because of the Virgo/Saturn need for structure,
    the grid is non-negotiable."
   ============================================================ */

:root {
  /* --- Spacing scale (8px base rhythm) --- */
  --space-0: 0;
  --space-1: 0.25rem;   /* 4 */
  --space-2: 0.5rem;    /* 8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.5rem;    /* 24 */
  --space-6: 2rem;      /* 32 */
  --space-7: 2.5rem;    /* 40 */
  --space-8: 3rem;      /* 48 */
  --space-10: 4rem;     /* 64 */
  --space-12: 5rem;     /* 80  — section padding (mobile) */
  --space-16: 7.5rem;   /* 120 — section padding (desktop) */

  /* --- Layout & grid --- */
  --container-max: 1200px;   /* optimal readability */
  --container-pad: var(--space-5);
  --grid-cols: 12; /* @kind other */
  --grid-gap: var(--space-6);

  --section-y-desktop: var(--space-16);  /* 120px between major sections */
  --section-y-mobile: var(--space-12);   /* 80px on mobile */

  /* --- Radius — "softened, not a sharp enterprise square, not a pill" --- */
  --radius-button: 4px;     /* primary CTA */
  --radius-card: 8px;       /* insight cards, containers */
  --radius-input: 4px;
  --radius-pill: 999px;     /* badges/tags only */
  --radius-round: 50%;      /* avatars, geometric icons */

  /* --- Borders --- */
  --border-w: 1px;          /* hairlines are always 1px */
  --border-w-strong: 2px;

  /* --- Shadows — restrained. One soft card shadow; a deeper hover. --- */
  --shadow-card: 0 4px 12px rgba(46, 46, 46, 0.05);
  --shadow-card-hover: 0 8px 20px rgba(46, 46, 46, 0.08);
  --shadow-raised: 0 12px 32px rgba(46, 46, 46, 0.10);
  --shadow-premium: 0 12px 40px rgba(46, 46, 46, 0.28);  /* slate upsell lift */
  --shadow-focus: 0 0 0 3px var(--vp-saffron-wash);      /* focus ring */

  /* --- Motion — "Slow, deliberate, revealing. No bouncing." --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.18s; /* @kind other */
  --dur: 0.3s; /* @kind other */
  --dur-slow: 0.6s; /* @kind other */
  --lift-hover: -2px; /* card translateY on hover */
}