Changed around line 1
+ buildHtml
- header.scroll
-
- scrollVersionLink
+ css
+ :root {
+ /* 1. Color scheme */
+ --primary-color: #3498db;
+ --secondary-color: #2ecc71;
+ --accent-color: #e74c3c;
+ --text-color: #333333;
+ --background-color: #f5f5f5;
+
+ /* 2. Typography */
+ font-family: 'Roboto', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+
+ /* 3. Spacing */
+ --spacing-unit: 1rem;
+ --content-padding: 2rem;
+
+ /* 4. Border styles */
+ --border-radius: 4px;
+ --border-width: 1px;
+ --border-color: #e0e0e0;
+
+ /* 5. Box shadow */
+ --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+ /* 6. Transitions */
+ --transition: all 0.3s ease;
+
+ /* 7. Text properties */
+ line-height: 1.5;
+ letter-spacing: 0.5px;
+
+ /* 8. Layout */
+ --max-width: 1200px;
+ display: flex;
+
+ /* 9. Z-index layers */
+ --z-index-modal: 1000;
+ --z-index-header: 100;
+
+ /* 10. Opacity and transparency */
+ --overlay-opacity: 0.8;
+
+ /* 11. Gradients */
+ --gradient-primary: linear-gradient(to right, var(--primary-color), var(--secondary-color));
+
+ /* 12. Responsive breakpoints */
+ --breakpoint-mobile: 480px;
+ --breakpoint-tablet: 768px;
+ --breakpoint-desktop: 1024px;
+ }