:root {
  /* Brand */
  --primary:        #0c6ea6;
  --primary-dark:   #0a5a8a;
  --accent:         #e67e22;
  --accent-dark:    #d35400;

  /* Soft green, deliberately muted rather than a saturated "success" green —
     used only to make the Excel export instantly distinguishable from CSV. */
  --excel-green:      #5cab6f;
  --excel-green-dark: #4a9159;

  /* Surfaces */
  --bg:             #f8fafc;
  --bg-alt:         #e8f4fd;
  --card-bg:        #ffffff;
  --border:         #e2e8f0;

  /* Text */
  --text:           #1e3a5f;
  --text-muted:     #64748b;
  --placeholder:    rgba(100, 116, 139, 0.55); /* --text-muted, dimmed further — placeholder must read as a hint, not filled content */

  /* Navigation */
  --nav-bg:         #ffffff;
  --nav-text:       #1e3a5f;

  /* Text-on-color (buttons, bands, gradients, footer, dropdowns on dark bg) */
  --on-color:       #ffffff;

  /* Footer */
  --footer-bg:      #0a4d76;
  --footer-text:    rgba(255, 255, 255, 0.8);

  /* Typography */
  --font-body:      'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-heading:   'Inter', 'Helvetica Neue', Arial, sans-serif;

  /* Fixed chrome heights (nav + ticker), used to offset page content */
  --nav-h:    68px;
  --ticker-h: 36px;

  /* Motion — every transition/animation in site.css references these.
     Change speed sitewide by editing here, not by hunting through rules. */
  --motion-fast:    150ms;
  --motion-normal:  250ms;
  --motion-slow:    400ms;
  --ease-standard:  cubic-bezier(.2, .8, .2, 1);
}