@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%;
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::selection {
    background: color-mix(in srgb, var(--kfw-primary, #808080) 25%, transparent);
}

[data-theme="dark"] {
    --kfw-background: var(--rz-base-700);
    --kfw-text: var(--rz-base-100);
}

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