/* Melius — Shadows, borders, motion.
   Shadows are soft and warm-tinted (orange-tinted oklab), never hard black. */
:root {
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(14,14,14,0.06);
  --shadow-md: 0 2px 8px rgba(14,14,14,0.08), 0 1px 3px rgba(14,14,14,0.05);
  /* signature warm-tinted card glow (from the source card component) */
  --shadow-card: oklab(0.645 0.168 0.118 / 0.16) 0 0 16px 0, oklab(0.645 0.168 0.118 / 0.10) 0 0 26px 0;
  --shadow-lg: 0 12px 36px rgba(14,14,14,0.14), 0 2px 12px rgba(240,78,35,0.06);
  --shadow-float: 0 16px 40px -12px rgba(14,14,14,0.22);
  /* dark canvas node shadow */
  --shadow-node: 0 8px 24px rgba(0,0,0,0.45);

  --border-hairline: 1px solid var(--color-hairline);
  --border-subtle: 1px solid var(--color-border-subtle);
  --border-strong: 1px solid var(--color-border);

  /* dot-grid background (marketing canvas + dark node canvas) */
  --dotgrid-light: radial-gradient(circle, rgba(14,14,14,0.10) 1px, transparent 1.4px); /* @kind other */
  --dotgrid-dark: radial-gradient(circle, rgba(255,255,255,0.10) 1px, transparent 1.4px); /* @kind other */
  --dotgrid-size: 22px 22px; /* @kind spacing */

  /* Motion — calm, no bounce */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-normal: 220ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}