:root {
    --color-background: #0b0f19;
    --color-surface-container-low: #121824;
    --color-surface-container: #1a2233;
    --color-outline: #8890a2;
    --color-outline-variant: #3b4457;
    --color-tertiary: #b9c3ff;
    --color-on-tertiary: #00228a;
    --color-on-surface: #e2e8f0;
}

body {
    background-color: var(--color-background);
    color: var(--color-on-surface);
    -webkit-tap-highlight-color: transparent;
}

/* Custom UI Component Rules */
.premium-input:focus-within {
    border-color: var(--color-tertiary);
    box-shadow: 0 0 0 1px var(--color-tertiary);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Typography Set Extensions */
.font-label-caps {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 0.12em;
    font-weight: 600;
}

.font-display {
    font-family: 'Inter', sans-serif;
    letter-spacing: -0.04em;
}

/* Scrollbar management custom lookups */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-thumb {
    background: var(--color-outline-variant);
    border-radius: 99px;
}