/* StratusUI → Charity Gurus.
 *
 * StratusUI components read only `--sui-*` (see the theming contract at the
 * top of stratus-ui.css). Its own defaults are a neutral **dark** set so the
 * components work standalone — this dashboard is light, so every token is
 * remapped here rather than inherited, or selects and calendars come up as
 * dark panels on white cards.
 *
 * Mapped to the same palette as css/styles.css: plum primary, cyan secondary,
 * orange accent. */

:root {
  --sui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sui-font-display: var(--sui-font);

  --sui-surface: #ffffff;                        /* popovers, calendar panel */
  --sui-surface-2: #faf8fb;                      /* control fill, hover      */
  --sui-border: #e4dfe8;

  --sui-fg: #2d2435;                             /* primary text             */
  --sui-text: #6b6175;                           /* secondary                */
  --sui-text-dim: #9a91a3;                       /* placeholders             */
  --sui-text-faint: #bdb5c4;                     /* out-of-range / disabled  */

  --sui-accent: #541d66;                         /* plum — selected/active   */
  --sui-accent-contrast: #ffffff;                /* text on an accent fill   */
  --sui-accent-soft: rgba(84, 29, 102, 0.13);    /* focus ring, soft hover   */
  --sui-accent-2: #54c8e8;                       /* cyan — today ring        */

  --sui-radius: 12px;
  --sui-radius-sm: 8px;
  --sui-shadow: 0 14px 38px rgba(45, 36, 53, .16), 0 2px 6px rgba(45, 36, 53, .08);
  --sui-ease: .14s ease;
}

/* StratusUI hides the native <select> it replaces (.sui-sel-native: 1px,
   clipped). The site's .form-select / .cg-input rules load later with equal
   specificity and put back width:100% and padding, so the hidden select
   stuck out past the viewport and the page scrolled sideways. */
select.sui-sel-native.sui-sel-native {
  position: absolute; width: 1px; height: 1px; min-width: 0; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); border: 0;
}