/* schnack.ai theme - refined minimal */
@import url('./schnack-utilities.css');
html {
    /* Brand colors */
    --schnack-blue: #4A90D9;
    --schnack-blue-light: #EBF2FB;
    --schnack-blue-dark: #2D6BB4;
    --schnack-gray-50: #F9FAFB;
    --schnack-gray-100: #F3F4F6;
    --schnack-gray-200: #E5E7EB;
    --schnack-gray-400: #9CA3AF;
    --schnack-gray-500: #6B7280;
    --schnack-gray-700: #374151;
    --schnack-gray-900: #111827;

    /* Override Lumo primary with schnack blue */
    --lumo-primary-color: var(--schnack-blue);
    --lumo-primary-color-10pct: var(--schnack-blue-light);
    --lumo-primary-color-50pct: rgba(74, 144, 217, 0.5);
    --lumo-primary-text-color: var(--schnack-blue);

    /* Typography refinements */
    --lumo-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --lumo-font-size-xxxl: 2rem;
    --lumo-font-size-xxl: 1.5rem;

    /* Softer borders */
    --lumo-contrast-10pct: rgba(0, 0, 0, 0.06);
    --lumo-contrast-20pct: rgba(0, 0, 0, 0.12);

    /* Slightly larger border radius for modern feel */
    --lumo-border-radius-l: 12px;
    --lumo-border-radius-m: 8px;

    /* Subtle shadows */
    --lumo-box-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.04);
    --lumo-box-shadow-m: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Navbar refinements */
vaadin-app-layout::part(navbar) {
    border-bottom: 1px solid var(--schnack-gray-200);
    box-shadow: none;
    height: 56px;
}

/* Drawer refinements */
vaadin-app-layout::part(drawer) {
    border-right: 1px solid var(--schnack-gray-200);
    background: var(--schnack-gray-50);
}

/* SideNav items */
vaadin-side-nav-item {
    --_focus-ring-color: var(--schnack-blue);
    border-radius: var(--lumo-border-radius-m);
    margin: 2px 8px;
}

vaadin-side-nav-item[active] {
    background: var(--schnack-blue-light);
    color: var(--schnack-blue-dark);
    font-weight: 500;
}

/* Message list refinements */
vaadin-message-list {
    --vaadin-message-list-spacing: var(--lumo-space-m);
}

vaadin-message {
    --vaadin-message-avatar-outline-width: 0;
}

/* Tabs refinements */
vaadin-tabs {
    --_lumo-tab-marker-display: none;
}

vaadin-tab[selected] {
    color: var(--schnack-blue);
    font-weight: 600;
}

vaadin-tab:hover {
    color: var(--schnack-blue-dark);
}

/* Button refinements */
vaadin-button[theme~="primary"] {
    background: var(--schnack-blue);
    --lumo-primary-color: var(--schnack-blue);
}

vaadin-button[theme~="primary"]:hover {
    background: var(--schnack-blue-dark);
}

/* ComboBox */
vaadin-combo-box::part(input-field) {
    border-radius: var(--lumo-border-radius-m);
}

/* Smooth transitions everywhere */
vaadin-side-nav-item,
vaadin-button,
vaadin-tab {
    transition: all 0.15s ease;
}