:root {
  /* DonorTraffic website variables */
  --dt-teal: #08C2C6;
  --dt-primary: #6EC1E4;
  --dt-accent: #61CE70;
  --dt-secondary: #54595F;
  --dt-text-muted: #7A7A7A;

  /* Proposed dashboard surfaces */
  --dt-background: #F7F9FA;
  --dt-surface: #FFFFFF;
  --dt-text: #172B35;
  --dt-border: #E4E9ED;

  /* Typography */
  --dt-font-heading: "Montreal", "Roboto", Arial, sans-serif;
  --dt-font-body: "Roboto", Arial, sans-serif;

  /* Layout */
  --dt-radius-sm: 8px;
  --dt-radius-md: 14px;
  --dt-radius-lg: 20px;

  --dt-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.045);
  --dt-content-width: 1280px;
}