/* Extendeal Pharma — Elevation tokens
   Source: Figma "Elevation documentation" page.
   Shadows are soft, low-spread, tinted with the neutral-800 ink (64,67,91). */

:root {
  /* Card / resting surface */
  --elevation-xs: 0px 0px 3px 0px rgba(64,67,91,0.10),
                  0px 0px 2px 0px rgba(64,67,91,0.06);

  /* Raised cards, popovers */
  --elevation-sm: 0px 2px 6px 0px rgba(64,67,91,0.12),
                  0px 1px 2px 0px rgba(64,67,91,0.08);

  /* Dropdowns, menus */
  --elevation-md: 0px 4px 12px 0px rgba(64,67,91,0.14),
                  0px 2px 4px 0px rgba(64,67,91,0.08);

  /* Dialogs, sheets */
  --elevation-lg: 0px 8px 24px 0px rgba(64,67,91,0.16),
                  0px 4px 8px 0px rgba(64,67,91,0.10);

  /* 1px hairline rendered as a shadow ring (Figma "Menu" elevation) */
  --elevation-hairline: inset 0 0 0 1px var(--neutral-200);

  /* Focus ring */
  --ring-focus: 0 0 0 3px rgba(1,113,230,0.24);
}