:root {
      /* Text Colors */
      --color-text: ##1e1e1e;           /* Primary text (pure black) */
      --color-text-light: #333333;     /* Secondary text (dark gray) */
      --color-text-muted: #666666;     /* Muted text (medium gray) */

      /* Background Colors */
      --color-background: #ffffff;      /* Main background (white) */
      --color-background-alt: #f8f9fa;  /* Alternate background (light gray) */

      /* Border Colors */
      --color-border: #e1e5e9;         /* Standard borders */
      --color-border-light: #f1f3f4;   /* Light borders */

      /* Link Colors */
      --color-link: #2663eb;           /* Link color */
      --color-link-hover: #000000;     /* Link hover color */

      /* Accent Color */
      --color-accent: #666666;         /* Focus outlines, highlights */
}

@media (prefers-color-scheme: dark) {
    :root {
        /* Text Colors */
        --color-text: #c5c5c5;           /* Primary text (light gray) */
        --color-text-light: #cccccc;     /* Secondary text */
        --color-text-muted: #999999;     /* Muted text */

        /* Background Colors */
        --color-background: #000000;     /* Main background (dark) */
        --color-background-alt: #2a2a2a; /* Alternate background */

        /* Border Colors */
        --color-border: #404040;         /* Standard borders */
        --color-border-light: #333333;   /* Light borders */

        /* Link Colors */
        --color-link: #61a5fa;           /* Link color */
        --color-link-hover: #e5e5e5;     /* Link hover color */

        /* Accent Color */
        --color-accent: #888888;         /* Focus outlines, highlights */
    }
}