:root {
    --background: #0e0e10;

    --bulma-family-primary: 'Syne', sans-serif;
    --bulma-body-background-color: var(--background);
    --bulma-button-border-color: red;
}




/* ------------------------------- */

.button {
    --bulma-button-border-color: red;
}

.navbar {
  --bulma-navbar-background-color: var(--background);
}

.box{
    --bulma-box-background-color: var(--surface);
    --bulma-box-shadow: none;
    border: 1px solid var(--border);
    transition: border-color 0.2s;
    animation: slideIn 0.25s ease;
}

.box:hover { border-color: var(--border2); }
  @keyframes slideIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.dropdown-content{
    border: 1px solid var(--border);
    --bulma-dropdown-content-shadow: none;
}

.container.is-login {
    max-width: 400px !important;
}






:root{
    --background: #0e0e10;
    --surface: #17171a;
    --surface2: #1e1e23;
    --border: rgba(255,255,255,0.07);
    --border2: rgba(255,255,255,0.13);
    --text: #f0f0ee;
    --muted: #6e6e78;
    --hint: #3a3a42;
    --nem-bg: rgba(255, 112, 67, 0.1);
    --accent: #a78bfa;
    --igen-light: #b8f5d8;
    --igen-mid: #2dd4a0;
    --igen-dark: #0a7a57;
    --igen-bg: rgba(45, 212, 160, 0.1);
}