/* Reset, base typography, and the global toast utility. */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    font-family: 'Libre Franklin', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg-main);
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    color: var(--text-main);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Chivo', sans-serif;
}

/* Toast notification */
.toast {
    position: fixed;
    bottom: 24px;
    right: 24px;
    padding: 12px 20px;
    background: var(--primary);
    color: white;
    border-radius: var(--radius);
    font-size: 13px;
    z-index: 1000;
    animation: toastIn 0.3s ease, toastOut 0.3s ease 2.7s;
    box-shadow: var(--shadow);
}
@keyframes toastIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes toastOut { from { opacity: 1; } to { opacity: 0; } }
