/*
 * Freiham365 Theme CSS Variables
 * Matches the Compose Multiplatform Material Design 3 theme from Color.kt
 */
:root {
    /* Primary colors */
    --color-primary: #1565C0;          /* MunichBlue */
    --color-on-primary: #FFFFFF;
    --color-primary-container: #D6E3FF;

    /* Secondary colors */
    --color-secondary: #4CAF50;        /* CommunityGreen */
    --color-on-secondary: #FFFFFF;

    /* Tertiary colors */
    --color-tertiary: #FF8A65;         /* FreihamOrange */

    /* Surface colors */
    --color-background: #FFFBFE;
    --color-background-page: #F5F5F5;  /* Page/screen background */
    --color-surface: #FFFBFE;
    --color-surface-container: #E8E8E8;
    --color-surface-variant: #E0E2EC;

    /* Text colors */
    --color-on-surface: #1B1B1F;
    --color-on-surface-variant: #44474E;
    --color-outline: #74777F;

    /* Error colors */
    --color-error: #D32F2F;
}

/* Base styles for Kilua DOM rendering */
html, body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    background-color: var(--color-background);
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Root container should fill minimum viewport height */
#root {
    width: 100%;
    min-height: 100vh;
}

/* Main content area gradient background */
#root > div:first-child {
    background: linear-gradient(59deg, rgb(249 250 255) 0%, rgb(101 125 145) 100%);
    min-height: 100vh;
}

/* Page background utility class */
.bg-page {
    background-color: var(--color-background-page);
}

/* Hide scrollbar for horizontal scroll containers */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}

/* Drag scroll cursor styles */
.cursor-grab {
    cursor: grab;
}
.cursor-grabbing {
    cursor: grabbing !important;
}

/* Utility: Prevent text selection on interactive elements (mobile Chrome fix) */
.no-select {
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}