/* ReportON elevation & radius
   --------------------------------------------------------------
   Shadows are soft, neutral-grey, multi-layer (no hard drop
   shadows). Cards use the z20 ambient shadow. Brand-colored
   shadows tint a primary/secondary/semantic button's lift. */

:root {
  /* corner radii */
  --radius-sm: 8px;    /* default — buttons, inputs, chips */
  --radius-md: 12px;   /* small cards, list rows */
  --radius-lg: 16px;   /* cards, dialogs, panels */
  --radius-pill: 999px;
  --radius-full: 50%;

  /* neutral elevation ladder (grey #aeaeae based) */
  --shadow-z1:  0 1px 2px 0 rgba(174,174,174,0.24);
  --shadow-z8:  0 8px 16px 0 rgba(174,174,174,0.24);
  --shadow-z12: 0 0 2px 0 rgba(174,174,174,0.24), 0 12px 24px 0 rgba(174,174,174,0.24);
  --shadow-z16: 0 0 2px 0 rgba(174,174,174,0.24), 0 16px 32px -4px rgba(174,174,174,0.24);
  --shadow-z20: 0 0 2px 0 rgba(174,174,174,0.24), 0 20px 40px -4px rgba(174,174,174,0.24);
  --shadow-z24: 0 0 4px 0 rgba(174,174,174,0.24), 0 24px 48px 0 rgba(174,174,174,0.24);

  /* card default */
  --shadow-card: var(--shadow-z20);

  /* brand-colored lifts (used on filled buttons) */
  --shadow-primary:   0 8px 16px 0 rgba(247,144,35,0.24);
  --shadow-secondary: 0 8px 16px 0 rgba(51,102,255,0.24);
  --shadow-info:      0 8px 16px 0 rgba(24,144,255,0.24);
  --shadow-success:   0 8px 16px 0 rgba(84,214,44,0.24);
  --shadow-warning:   0 8px 16px 0 rgba(255,193,7,0.24);
  --shadow-error:     0 8px 16px 0 rgba(235,107,99,0.24);

  /* motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --transition-fast: 0.2s var(--ease-standard); /* @kind other */
  --transition-base: 0.3s var(--ease-standard); /* @kind other */
}