@import url('./main-layout.css');
@import url('@fontsource/inter/index.css');
@import url('./tailwind.css');
@import url('./views/home-view.css');
@import url('./views/persons-view.css');
@import url('./views/pdv-view.css');

html {
    --lumo-font-family: Inter;
    --vaadin-app-layout-drawer-width: 20em; /* Tamanho do menu esquerdo lateral */
}

/* Button base */
.btn { border-radius: var(--lumo-border-radius-m); padding: 0.5rem 1rem; font-weight: 600; }
.btn:disabled { opacity: 0.6; cursor: default; }

/* Tailwind color mapping for filled (primary) buttons */
/* Blue (Sky500 / Sky600) */
vaadin-button.btn-sky[theme~="primary"] { --lumo-primary-color: #0ea5e9; --lumo-primary-text-color: #ffffff; }
vaadin-button.btn-sky[theme~="primary"]:hover { --lumo-primary-color: #0284c7; }

/* Green (Green500 / Green600) */
vaadin-button.btn-green[theme~="primary"] { --lumo-primary-color: #22c55e; --lumo-primary-text-color: #ffffff; }
vaadin-button.btn-green[theme~="primary"]:hover { --lumo-primary-color: #16a34a; }

/* Yellow (Amber400 / Amber500) */
vaadin-button.btn-amber[theme~="primary"] { --lumo-primary-color: #fbbf24; --lumo-primary-text-color: #1f2937; }
vaadin-button.btn-amber[theme~="primary"]:hover { --lumo-primary-color: #f59e0b; }

/* Gray (Slate400 / Slate500) */
vaadin-button.btn-slate[theme~="primary"] { --lumo-primary-color: #94a3b8; --lumo-primary-text-color: #ffffff; }
vaadin-button.btn-slate[theme~="primary"]:hover { --lumo-primary-color: #64748b; }

/* Red (Rose500 / Rose600) */
vaadin-button.btn-rose[theme~="primary"] { --lumo-primary-color: #f43f5e; --lumo-primary-text-color: #ffffff; }
vaadin-button.btn-rose[theme~="primary"]:hover { --lumo-primary-color: #e11d48; }