/* ============================================================
   QMAS — Elevation & Effect Tokens
   Shadow ramp matches Ant v6 effect styles. Cards get
   --shadow-card; overlays get --shadow / --shadow-secondary.
   ============================================================ */

:root {
  /* Card — resting elevation (Layer 2) */
  --shadow-card:
    0 1px 2px -2px rgba(0, 0, 0, 0.16),
    0 3px 6px 0 rgba(0, 0, 0, 0.12),
    0 5px 12px 4px rgba(0, 0, 0, 0.09);

  /* Modal / Drawer (Layer 3, prominent) */
  --shadow:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);

  /* Dropdown / Popover / Tooltip (Layer 3, secondary) */
  --shadow-secondary:
    0 6px 16px 0 rgba(0, 0, 0, 0.08),
    0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);

  /* Subtle / tertiary lift (hover on flat surfaces) */
  --shadow-tertiary:
    0 1px 2px 0 rgba(0, 0, 0, 0.03),
    0 1px 6px -1px rgba(0, 0, 0, 0.02),
    0 2px 4px 0 rgba(0, 0, 0, 0.02);

  /* Table / filter / toolbar cards — LIGHT lift (never --shadow-card;
     the full card shadow is too heavy on large data surfaces) */
  --shadow-table: 0 2px 0 rgba(0, 0, 0, 0.02);

  /* Button drop shadows (primary / default) */
  --shadow-button-primary: 0 2px 0 rgba(5, 145, 255, 0.1);
  --shadow-button-default: 0 2px 0 rgba(0, 0, 0, 0.02);
  --shadow-button-danger: 0 2px 0 rgba(255, 38, 5, 0.06);

  /* Focus rings — control outlines */
  --focus-primary: 0 0 0 2px rgba(5, 145, 255, 0.1);
  --focus-error: 0 0 0 2px rgba(255, 38, 5, 0.06);
  --focus-warning: 0 0 0 2px rgba(255, 215, 5, 0.1);

  /* Motion */
  --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1); /* @kind other */
  --duration-fast: 0.1s; /* @kind other */
  --duration-base: 0.2s; /* @kind other */
  --duration-slow: 0.3s; /* @kind other */
}