:root {
                /* Theme Colors */
                --docsify-theme-color: #42a585;
                --docsify-theme-hover: #359268;
                --theme-color: #42a585;
                --theme-color-secondary-light: #61dafb;
                --theme-color-secondary: #42a585;
                --theme-color-secondary-dark: #359268;

                /* Background Colors */
                --base-background-color: #0d1117;
                --sidebar-background: #161b22;
                --content-max-width: 64rem;

                /* Text Colors */
                --base-color: #e6edf3;
                --base-font-color: #e6edf3;
                --heading-color: #f0f6fc;
                --sidebar-name-color: #42a585;

                /* Layout Settings */
                --sidebar-width: 320px;
                --sidebar-min-width: 280px;
                --sidebar-max-width: 500px;

                /* Animation Durations */
                --transition-fast: 0.2s;
                --transition-normal: 0.3s;
                --transition-slow: 0.5s;

                /* Spacing */
                --spacing-xs: 0.25rem;
                --spacing-sm: 0.5rem;
                --spacing-md: 1rem;
                --spacing-lg: 1.5rem;
                --spacing-xl: 2rem;
                --spacing-xxl: 3rem;

                /* Border Radius */
                --radius-sm: 4px;
                --radius-md: 8px;
                --radius-lg: 12px;
                --radius-xl: 20px;

                /* Shadows */
                --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
                --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.15);
                --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.3);
            }