@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --kfw-background: var(--rz-base);
    --kfw-text: var(--rz-base);
}

html, body, #app {
    background: var(--kfw-background);
    color: var(--kfw-text);
    font-family: 'Inter', sans-serif;
    height: 100%;
    margin: 0;
    overflow: hidden;
    overscroll-behavior: none;
    padding: 0;
    touch-action: manipulation;
    width: 100%;
}

[data-theme="dark"] {
    --kfw-background: var(--rz-base-700);
    --kfw-text: var(--rz-base-100);
    --rz-primary: #246eff;
    --rz-primary-light: #5b93ff;
    --rz-primary-lighter: #8bb2ff;
    --rz-primary-dark: #1453cf;
    --rz-primary-darker: #0b388f;
}

[data-theme="light"] {
    --kfw-background: var(--rz-base-300);
    --kfw-text: var(--rz-base-800);
}