:root{
    --dark-blue: #143D78FF;
    --dark-blue-hover: #0A3269FF;
    --navblue: #143D78;
    --dark-blue-disabed: #365191;
    --dark-dark-grey: #222222;

    }
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
    }

    .radeas-button{
        background-color: var(--dark-blue);
        color:white;
    }
    .radeas-button:hover{
        background-color: var(--dark-blue-hover);
        color:white;
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    .navbar{
        background-color: var(--dark-blue);
        color: white;
    }
    .main-content {
        flex: 1;
        background-color: #ffffff;
    }
    
    .hero.is-primary {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }
    .box {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    .notification {
        border-radius: 6px;
    }
    .box{
        border: 1px solid gray;
    }