:root {
    --color-bg:           #0f1115;
    --color-surface:      #181b22;
    --color-surface-alt:  #21252e;
    --color-border:       #2d323d;
    --color-text:         #e6e8ec;
    --color-text-dim:     #9aa0aa;
    --color-accent:       #4f8cff;
    --color-accent-hover: #6ba0ff;
    --color-error:        #ff5c6c;
    --color-error-bg:     #2a1418;
    --color-success:      #4ad295;

    --font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    --font-size-base: 14px;
    --font-size-small: 12px;
    --font-size-large: 16px;
}

@media (min-width: 560px) {
    :root {
        --font-size-base: 15px;
        --font-size-small: 13px;
        --font-size-large: 17px;
    }
}