/* Maximus — Radii, borders, shadows, motion
   Corner radii from theme.dart: cards 16, buttons 14, inputs 12,
   chips/wells 8–10. The app is essentially flat (elevation: 0 everywhere) —
   depth comes from surface-color layering, not drop shadows. */

:root {
  /* ---- Radii ---- */
  --radius-card: 16px;    /* Card, dialog */
  --radius-button: 14px;  /* ElevatedButton */
  --radius-input: 12px;   /* TextField / dropdown */
  --radius-well: 10px;    /* icon wells, stat boxes */
  --radius-chip: 8px;     /* percent chips, small badges */
  --radius-pill: 999px;   /* segmented control track */

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-hairline-style: 1px solid var(--clr-surface-light);
  --border-emphasis-style: 1px solid var(--clr-primary-a30);

  /* ---- Shadows ----
     The native app is flat. On web we allow ONE optional soft shadow to lift
     cards off very dark backgrounds; default components stay shadow-free. */
  --shadow-none: none;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);

  /* ---- Chart / gradient fills ---- */
  --chart-line: var(--clr-accent);
  --chart-fill-top: rgba(76, 158, 235, 0.25);
  --chart-fill-bottom: rgba(76, 158, 235, 0.0);

  /* ---- Motion ----
     Material defaults: short, eased, no bounce. Web hover/press are subtle
     color shifts (no scale). */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --dur-fast: 120ms;  /* @kind other */
  --dur-normal: 200ms; /* @kind other */
}