html body {--primary: rgba(32, 32, 32, 1);--secondary: #007df7;--accent: rgba(242, 51, 22, 1);--title: rgba(77, 76, 79, 1);--subtitle: rgba(80, 79, 82, 0.5);--text: rgba(77, 76, 79, 1);--icon: rgba(77, 76, 79, 1);--title-inverse: rgba(79, 79, 79, 1);--text-inverse: rgba(255, 255, 255, 0.4);--bg-primary: #ffffff;--bg-secondary: rgba(246, 246, 248, 1);--bg-dark: rgba(32, 32, 32, 1);--bg-dark-accent: rgba(77, 76, 79, 1);--border: rgba(235, 235, 235, 1);--shadow: rgba(0, 0, 0, 0.15);--overlay: rgba(0, 0, 0, 0.25);--hover: rgba(117, 117, 118, 1);--color-1: #35404a;--color-2: #4f6279;--color-3: #0098d8;--color-4: #ff4f49;--color-5: rgba(232, 14, 65, 1);--color-6: #ffc700;--color-7: #34dca2;--color-8: #00ada9;}