/* ============================================================================
   Tokens - Shadows
   system/tokens/shadows.css

   Three steps, tuned for the GM Greens base. Shadows on the deep green
   surfaces work harder than they would on white - opacity is higher to
   register against the deep base.

   Haptic-context components (buttons, panels) compose these with inset
   highlights for the bevelled "physical" feel - those are baked into the
   component CSS, not into shadow tokens.

   See sibling shadows.md for usage guidance.
   ============================================================================ */

:root {
  /* Drop shadows - neutral, depth only.
     Default set is tuned for the GM Greens dark base. Shadows on deep
     green work harder than they would on white, so opacities are high. */
  --gm-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
  --gm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --gm-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);

  /* Light-bg shadow variants for future web / giantmonkey.de / gomus.de
     scopes. Values mirror gomus-webseite's shadow scale (tuned for light
     backgrounds; low opacity or they look heavy). Do not use in haptic
     contexts - the dark defaults above are correct there.
     Status: available, not yet consumed by any component. */
  --gm-shadow-sm-light: 0 1px 2px rgba(0, 0, 0, 0.06);
  --gm-shadow-md-light: 0 4px 16px rgba(0, 0, 0, 0.10);
  --gm-shadow-lg-light: 0 8px 30px rgba(0, 0, 0, 0.12);

  /* Glows - semantic, tinted halo. Compose with drop shadows when you want
     both depth AND brand-color emphasis (hover on accent buttons, focus
     rings on primary controls). Single intensity - stack your own drop
     shadow alongside if you need more depth. */
  --gm-glow-primary: 0 0 20px rgba(10, 125, 97, 0.35);       /* --gm-p */
  --gm-glow-success: 0 0 20px rgba(93, 202, 165, 0.35);      /* --gm-pl */
  --gm-glow-warning: 0 0 20px rgba(245, 124, 0, 0.35);       /* --gm-warning */
  --gm-glow-danger:  0 0 20px rgba(214, 71, 87, 0.35);       /* btn-danger gradient mid */
  --gm-glow-info:    0 0 20px rgba(93, 185, 232, 0.35);      /* --gm-info */
}