/* ============================================================
   IHR — Effects: shadows, borders, motion
   Restrained, premium. Soft cool-navy-tinted shadows on light
   surfaces; gold glow reserved for accent emphasis.
   ============================================================ */

:root {
  /* Elevation — shadows tinted with navy, not pure black */
  --shadow-xs: 0 1px 2px rgba(14, 27, 51, 0.06);
  --shadow-sm: 0 2px 6px rgba(14, 27, 51, 0.07);
  --shadow-md: 0 6px 18px rgba(14, 27, 51, 0.10);
  --shadow-lg: 0 16px 40px rgba(14, 27, 51, 0.14);
  --shadow-xl: 0 28px 64px rgba(14, 27, 51, 0.20);
  /* card lift on hover */
  --shadow-hover: 0 20px 48px rgba(14, 27, 51, 0.18);
  /* gold emphasis (CTAs, floating badges) */
  --shadow-gold: 0 10px 28px rgba(176, 138, 48, 0.35);
  /* inset hairline for dark cards */
  --shadow-inset-line: inset 0 0 0 1px rgba(255,255,255,0.06);

  /* Border widths */
  --bw-hairline: 1px;
  --bw-medium: 2px;
  --bw-rule-gold: 3px;   /* the short gold underline accent */

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);   /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);       /* @kind other */
  --ease-emphasis: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast: 140ms;    /* @kind other */
  --dur-base: 220ms;    /* @kind other */
  --dur-slow: 380ms;    /* @kind other */
  --dur-slower: 600ms;  /* @kind other */

  /* Backdrop */
  --blur-panel: blur(14px) saturate(115%);  /* @kind other */
}