/* Tab & Kit — Elevation & glass tokens
   Warm-tinted, soft, layered. 3D feel without heaviness.
   Shadows tint toward espresso, never neutral gray-blue. */

:root {
  /* Resting elevation scale */
  --shadow-xs: 0 1px 2px rgba(46, 37, 25, 0.06);
  --shadow-sm: 0 2px 6px rgba(46, 37, 25, 0.07),
               0 1px 2px rgba(46, 37, 25, 0.06);
  --shadow-md: 0 8px 24px rgba(46, 37, 25, 0.08),
               0 2px 6px rgba(46, 37, 25, 0.06);
  --shadow-lg: 0 18px 48px rgba(46, 37, 25, 0.10),
               0 6px 14px rgba(46, 37, 25, 0.06);
  --shadow-xl: 0 36px 90px rgba(46, 37, 25, 0.14),
               0 12px 28px rgba(46, 37, 25, 0.08);

  /* Product "floating" shadow — soft elliptical pool under hero shots */
  --shadow-float: 0 40px 60px -28px rgba(46, 37, 25, 0.34);

  /* Accent glow (used sparingly on primary CTA hover) */
  --shadow-accent: 0 14px 34px -10px rgba(196, 106, 71, 0.5);

  /* Liquid-glass button — frosted with inner top highlight + soft drop */
  --glass-blur: 16px;
  --glass-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 1px rgba(46, 37, 25, 0.08),
    0 10px 24px -8px rgba(46, 37, 25, 0.22);
  --glass-shadow-ink:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 2px rgba(0, 0, 0, 0.25),
    0 12px 28px -8px rgba(36, 27, 18, 0.5);

  /* Inset (inputs, wells) */
  --shadow-inset: inset 0 1px 2px rgba(46, 37, 25, 0.08);

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