/* Design tokens, CSS resets, and root document styles.
 * Extracted from styles.css lines 1-40.
 */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
    max-width: 100vw;
}

:root {
    --bg-main: #fafbfc;
    --bg-panel: #ffffff;
    --bg-hover: #f5f7fa;
    --bg-input: #ffffff;
    --bg-button: #eff6ff;
    --bg-button-hover: #e0f2fe;
    --bg-switch-inactive: #f1f3f4;
    --bg-switch-active: #e0f2fe;
    --bg-input-inactive: #f9fafb;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-link: #0369a1;
    --border-color: #e2e8f0;
    --blue-accent: #0369a1;
    --gemini-blue: #0284c7;
    --font-family: 'Google Sans', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', sans-serif;
}

body {
    font-family: var(--font-family);
    background-color: var(--bg-main);
    color: var(--text-primary);
    display: flex;
    height: 100vh;
    overflow: hidden;
    overflow-x: hidden;
    max-width: 100vw;
}