/* HPS Society — Radii, shadows, borders, motion (restrained / heritage) */

:root {
  /* ---- Corner radii (heritage = squared & restrained) ---- */
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   8px;
  --radius-xl:   12px;
  --radius-pill: 999px;
  --radius-card: var(--radius-md);

  /* ---- Borders ---- */
  --border-width: 1px;          /* @kind other */
  --border-width-strong: 1.5px; /* @kind other */
  --hairline: 1px solid var(--border-subtle);
  --hairline-gold: 1px solid color-mix(in oklab, var(--gold-500) 55%, transparent);

  /* ---- Shadows (quiet, warm, low-spread — paper not plastic) ---- */
  --shadow-xs:   0 1px 2px rgba(28, 34, 48, 0.05);
  --shadow-sm:   0 2px 6px rgba(28, 34, 48, 0.07);
  --shadow-md:   0 10px 24px -10px rgba(18, 28, 46, 0.18);
  --shadow-lg:   0 22px 48px -16px rgba(18, 28, 46, 0.26);
  --shadow-xl:   0 38px 80px -24px rgba(12, 19, 31, 0.34);
  --shadow-gold: 0 12px 30px -12px rgba(194, 154, 69, 0.40);

  --inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.35);

  /* ---- Focus ring ---- */
  --focus-ring: 0 0 0 3px var(--ring);

  /* ---- Motion (dignified, no bounce) ---- */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
  --dur-fast:   150ms;   /* @kind other */
  --dur-base:   260ms;   /* @kind other */
  --dur-slow:   480ms;   /* @kind other */

  /* ---- Signature fills ---- */
  --grad-midnight: linear-gradient(165deg, var(--heritage-700) 0%, var(--heritage-950) 100%);  /* @kind color */
  --grad-heritage: linear-gradient(160deg, var(--heritage-500) 0%, var(--heritage-800) 100%);  /* @kind color */
  --grad-parchment: radial-gradient(120% 120% at 18% 0%, #FFFFFF 0%, var(--paper-100) 55%, var(--stone-200) 100%);  /* @kind color */
  --grad-gold:     linear-gradient(120deg, var(--gold-300) 0%, var(--gold-600) 100%);  /* @kind color */
}