:root {
    color-scheme: light dark;
    --primary: light-dark(#2d3748, #f7fafc);
    --secondary: light-dark(#c53030, #fc8181);
    --accent: light-dark(#4a5568, #a0aec0);
    --text: light-dark(#1a202c, #e2e8f0);
    --background: light-dark(#ffffff, #1a202c);
}


html {
    background: var(--background);
    min-height: 100%;
}

body {
    color: var(--text);
    background: transparent;
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

a {
    color: var(--accent);
    text-decoration: none;
    cursor: pointer;

}