/* -------------------------------------------------------------------------
   colors.css – Theme Colors & Dark Mode Support
   ------------------------------------------------------------------------- */

/* -------------------- Light Mode Variables -------------------- */
:root {
    --card-bg: #ffffff;          /* card background */
    --text-primary: #111111;     /* main headings */
    --text-secondary: #555555;   /* paragraph text/specs */
    --text-tertiary: #888888;    /* small details / labels */
    --link-color: #0073e6;       /* clickable links */
    --link-hover: #005bb5;       /* link hover */
    --sidebar-bg: #f9f9f9;       /* sidebar background */
    --header-bg: #ffffff;        /* header background */
    --footer-bg: #f0f0f0;        /* footer background */
}

/* -------------------- Dark Mode Variables -------------------- */
body.dark-mode {
    --card-bg: #1c1c1c;
    --text-primary: #f0f0f0;
    --text-secondary: #cccccc;
    --text-tertiary: #888888;
    --link-color: #3399ff;
    --link-hover: #66b2ff;
    --sidebar-bg: #262626;
    --header-bg: #1a1a1a;
    --footer-bg: #202020;
}

/* -------------------- Utility Colors (optional) -------------------- */
.error-text { color: #ff4d4f; }
.success-text { color: #4caf50; }
.warning-text { color: #ffa500; }