/* beacon/web/static/css/style.css */
/* Tailwind is loaded via CDN for MVP. Custom overrides only. */

:root {
    --brand-rust: #a04610;
    --brand-cream: #f7f7f4;
    --brand-navy: #111d30;
}

body {
    font-family: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
}

/* Gmail-style row expansion animation */
.row-detail {
    transition: max-height 0.2s ease-out;
}
.row-detail:not(.hidden) td {
    overflow: visible;
}

/* Toast notification fade */
.toast {
    animation: fadeIn 0.3s ease-in, fadeOut 0.3s ease-out 4.7s forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

/* Help tooltip positioning */
.help-tooltip-content {
    pointer-events: none;
}
.help-tooltip:hover .help-tooltip-content {
    pointer-events: auto;
}