/* 
   Dark Mode (Default) Theme Variables & Styles 
*/

:root {
    /* Brand Colors */
    --primary: #C9A24D;
    /* Muted Antique Gold */
    --primary-hover: #a58f63;
    --primary-light: #E6DCCF;

    /* Theme Variables (Dark Mode) */
    --bg-body: #000000;
    /* PURE BLACK */
    --bg-surface: #111111;
    --text-main: #FFFFFF;
    --text-muted: #CCCCCC;
    /* Lighter for better visibility */
    --border: #333333;
    --border-highlight: #C9A24D;
    --shadow-color: rgba(0, 0, 0, 0.8);

    --shadow-sm: 0 1px 2px 0 var(--shadow-color);
    --shadow-md: 0 4px 6px -1px var(--shadow-color);
    --shadow-glow: 0 0 15px rgba(191, 163, 111, 0.15);
}

/* Specific Dark Mode Overrides/Styles */
body:not(.light-mode) .about {
    background: #000;
}