:root {
      /* Text Colors */
      --color-text: #283b43;           /* Primary text (pure black) */
      --color-text-light: #283b43;     /* Secondary text (dark gray) */
      --color-text-muted: #AAAFAE;     /* Muted text (medium gray) */

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

      /* Border Colors */
      --color-border: #d5d5d2;         /* Standard borders */
      --color-border-light: #f4f2eb;   /* Light borders */

      /* Link Colors */
      --color-link: #0586a2;           /* Link color */
      --color-link-hover: #0586a2;     /* Link hover color */

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

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

        /* Background Colors */
        --color-background: #283b43;     /* Main background (dark) */
        --color-background-alt: #3e4f54; /* Alternate background */

        /* Border Colors */
        --color-border: #3e4f54;         /* Standard borders */
        --color-border-light: #fffaf0;  /* Light borders */

        /* Link Colors */
        --color-link: #4fc9e4;           /* Link color */
        --color-link-hover: #4fc9e4;     /* Link hover color */

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