/* Drop Hint — spacing, radii, borders, shadows, layout. */
:root{
  --space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:80px;--space-13:96px;
  --radius-none:0;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
  --border-width:1px; /* @kind spacing */
  --border-width-strong:1.5px; /* @kind spacing */
  --border-width-hint:2px; /* @kind spacing */
 
  /* Signature "hint box" hard offset shadow (from logo + welcome screen) */
  --shadow-hint:4px 4px 0 var(--rose-500);--shadow-hint-coral:4px 4px 0 var(--coral-500);--shadow-hint-sm:3px 3px 0 var(--rose-500);--shadow-hint-lg:6px 6px 0 var(--coral-500);
  /* Soft navy-tinted elevation */
  --shadow-1:0 1px 2px rgba(27,43,94,.08);--shadow-2:0 4px 14px rgba(27,43,94,.08),0 1px 3px rgba(27,43,94,.06);--shadow-3:0 14px 40px rgba(27,43,94,.14),0 3px 8px rgba(27,43,94,.06);
  /* Logo-style lavender glow (soft offset drop shadow under wordmark) */
  --shadow-glow:6px 8px 14px rgba(110,110,220,.28);
  --focus-ring:0 0 0 3px rgba(255,92,108,.35);
  --container-max:1200px; /* @kind spacing */
  --sidebar-width:248px; /* @kind spacing */
  --topbar-height:64px; /* @kind spacing */
}