/*
 * OekoSolve brand theme overrides for Bulma 1.x CSS custom properties.
 * Loaded after bulma.css so these values take precedence.
 */
:root {
    /* Primary brand color: #99cc33 = hsl(80, 60%, 50%) */
    --bulma-primary-h: 80;
    --bulma-primary-s: 60%;
    --bulma-primary-l: 50%;

    /* Success: hsl(114, 57%, 53%) */
    --bulma-success-h: 114;
    --bulma-success-s: 57%;
    --bulma-success-l: 53%;

    /* Info: #00aaff = hsl(200, 100%, 50%) */
    --bulma-info-h: 200;
    --bulma-info-s: 100%;
    --bulma-info-l: 50%;

    /* Warning: #ffcc00 = hsl(48, 100%, 50%) */
    --bulma-warning-h: 48;
    --bulma-warning-s: 100%;
    --bulma-warning-l: 50%;

    /* Danger: hsl(0, 100%, 70%) */
    --bulma-danger-h: 348;
    --bulma-danger-s: 100%;
    --bulma-danger-l: 70%;

    /* Grey: #aaaaaa */
    --bulma-grey: #aaaaaa;
    --bulma-grey-dark: #888888;
    --bulma-grey-darker: #666666;
    --bulma-grey-light: #c4c4c4;
    --bulma-grey-lighter: #dbdbdb;

    /* Font family */
    --bulma-family-primary: Arial, Helvetica, sans-serif;
    --bulma-family-secondary: Arial, Helvetica, sans-serif;

    /* Border radius: flat/sharp */
    --bulma-radius-small: 0;
    --bulma-radius: 0;
    --bulma-radius-medium: 0;
    --bulma-radius-large: 0;

    /* Input border lightness: #c7c7c7 ≈ 78% */
    --bulma-input-border-l: 78%;
}

.secondary-nav {
    position: sticky;
    top: var(--bulma-navbar-height);
    z-index: 29;  /* just below the primary navbar (z-index: 30) */
    background-color: var(--bulma-scheme-main);
    margin-bottom: 0 !important;
}

.left-aligned-container {
    /* Left align the .container element */
    margin-left: 0;
}