/* Elevation. Warm shadows: the shadow colour is tinted with the ink hue, never
 * neutral black, so cards sit on sand without going grey. Two families —
 * "lift" (interactive surfaces) and "overlay" (things that float over content). */
:root {
  --shadow-none: none;
  --shadow-hairline: 0 1px 0 0 rgba(30, 24, 21, 0.04);
  --shadow-sm: 0 1px 2px rgba(30, 24, 21, 0.05), 0 1px 1px rgba(30, 24, 21, 0.03);
  --shadow-card: 0 1px 2px rgba(30, 24, 21, 0.04), 0 6px 16px -8px rgba(30, 24, 21, 0.10);
  --shadow-lift: 0 2px 4px rgba(30, 24, 21, 0.05), 0 14px 28px -12px rgba(30, 24, 21, 0.16);
  --shadow-overlay: 0 24px 48px -16px rgba(30, 24, 21, 0.24), 0 2px 6px rgba(30, 24, 21, 0.08);
  --shadow-inset-top: inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --focus-ring: 0 0 0 2px var(--ring-offset), 0 0 0 4px var(--ring);

  /* Warm ground washes. Used sparingly, always low-contrast and always warm —
   * no blue-purple gradients anywhere in this brand. */
  --wash-hero: radial-gradient(120% 90% at 12% 0%, var(--rose-50) 0%, rgba(255,245,247,0) 58%), radial-gradient(90% 70% at 96% 8%, var(--sand-200) 0%, rgba(240,232,223,0) 60%);
  --wash-sand: linear-gradient(180deg, var(--sand-100) 0%, var(--sand-50) 100%);
  --wash-inverse: linear-gradient(160deg, var(--ink-900) 0%, var(--ink-800) 100%);
  --protection-gradient: linear-gradient(180deg, rgba(20,16,14,0) 0%, rgba(20,16,14,0.55) 100%); /* @kind other */
  --glass-surface: rgba(255, 255, 255, 0.78);
  --glass-blur: saturate(140%) blur(14px); /* @kind other */
}