/* Flexa DS — elevation. Philosophy: borders over shadows.
   Cards/blocks: 1px var(--line) border, no shadow. Shadows exist only where
   something floats above the page (dropdown, modal) — lifted from prototypes. */
:root {
  --border-card: 1px solid var(--line);
  --shadow-pop: 0 12px 28px rgba(32, 36, 43, 0.14);   /* dropdowns, popovers */
  --shadow-modal: 0 24px 60px rgba(32, 36, 43, 0.28); /* centered modals */
}
[data-theme='dark'] {
  --shadow-pop: 0 12px 28px rgba(0, 0, 0, 0.4);
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.55);
}
[data-theme='light'] {
  --shadow-pop: 0 12px 28px rgba(32, 36, 43, 0.14);
  --shadow-modal: 0 24px 60px rgba(32, 36, 43, 0.28);
}