:root {
    /* Colors */
    --bg-color: #1a1a1a;
    --h1-color: #2a2a2a;
    --h2-color: #3a3a3a;
    --h3-color: #4a4a4a;
    --t1-color: #ffffff;
    --t2-color: #e0e0e0;
    --t3-color: #a0a0a0;
    --d1-color: #bb86fc;
    --d2-color: #9f5aff;
    --d3-color: #c3b1ff;

    /* Sizes */
    --navbar-height: clamp(40px, 8vw, 50px);
    --font-size-base: clamp(14px, 2vw, 16px);
    --font-size-lg: clamp(18px, 2.5vw, 24px);
    --padding-sm: clamp(8px, 1.5vw, 14px);
    --padding-md: clamp(12px, 2vw, 20px);
    --padding-lg: clamp(16px, 3vw, 28px);
}

html, body {
    margin-top: var(--navbar-height);
    font-size: var(--font-size-base);
    background-color: var(--bg-color);
    color: var(--t2-color);
}