:root {
  --medium-black: rgba(0, 0, 0, 0.84);
  --medium-dark-gray: rgba(0, 0, 0, 0.68);
  --medium-gray: rgba(0, 0, 0, 0.54);
  --medium-light-gray: rgba(0, 0, 0, 0.34);
  --medium-lighter-gray: rgba(0, 0, 0, 0.15);
  --medium-green: #03a87c;
  --medium-blue: #0066cc;
  --medium-light-blue: #3abbae;
  --medium-background: #fff;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Source Serif Pro", "Noto Serif TC", Georgia, Cambria, "Times New Roman", Times, serif;
  --font-mono: "Menlo", "Monaco", "Consolas", "Courier New", monospace;
  --tiffany-blue: #81D8D0; /* Added Tiffany Blue variable */
  --button-gradient-blue-start: #3B82F6; /* Vibrant Blue */
  --button-gradient-teal-end: #14B8A6;   /* Vibrant Teal */
  --medium-blue-10: rgba(0, 102, 204, 0.1); /* Moved from main.css */
  --medium-light-blue-10: rgba(51, 153, 255, 0.1); /* Moved from main.css */
}