/* FlourFlow — Custom Styles
   Tailwind kommt via CDN; hier nur Ergänzungen, die Tailwind nicht abdeckt. */

:root {
    --ff-brand: #0f766e;
    --ff-brand-dark: #115e59;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* Drag & Drop Visualisierung */
.dropzone-active {
    border-color: var(--ff-brand) !important;
    background-color: rgba(15, 118, 110, 0.05);
}

/* htmx Loading-States */
.htmx-request .htmx-indicator { display: inline-flex; }
.htmx-indicator { display: none; }

/* Tool-Card Hover */
.tool-card {
    transition: transform 120ms ease, box-shadow 120ms ease;
}
.tool-card:hover:not(.tool-card-disabled) {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.05);
}
.tool-card-disabled {
    opacity: 0.55;
    cursor: not-allowed;
}