/**
 * Main Styles
 * Base styles and layout - component-specific styles are in /components/
 */

/* Base styles have been moved to component files:
 * - tokens.css (colors, typography, spacing)
 * - components/button.css
 * - components/animations.css
 * - components/chat-footer.css
 * - components/brief-blocks.css
 * - components/controls.css
 * - components/markdown.css
 */

/* Add any global styles here if needed */

html {
    background-color: #F4F2EE;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    padding: 10px;
}

body {
    display: flex;
    flex-direction: row;
    height: 100%;
    max-height: 100%;
    overflow-y: scroll;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #E4E2DD;
    border-radius: env(--apple-system-window-corner-radius, 20px);
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page-container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    height: max-content;
    /* padding-bottom: 200px; */
    padding-top: 30px;
    margin: 0 auto;
}

.content-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
    width: 100%;
}

* {
    box-sizing: border-box;
}