:root {

    --border-width: 1px;

/* 20260306 */
    --black: #000000;
    --dark:#264653;
    --medium: #2a9d8f;
    --bright: #e9c46a;
    /*#f4a261*/
    --light: #e76f51; 
    --extra-light: #ffffff;

    
    

    --accent: var(--dark);
    --accent-bg: var(--medium);
    --text: var(--black);
    --content-bg: var(--bright);

    --text-light: var(--dark);
    --border: var(--dark);
    
}


header {

    a, a:visited, a:active {
        text-decoration: none;
    }

    h1 {
        text-shadow: 0 0 5px whitesmoke;
    }
    
    nav {
        a, a:visited {
            background-color: var(--accent-bg);
        }
        a[aria-current="page"] {
            background-color: var(--accent);
            color: var(--bright);
            font-weight: bold;
        }
    }
    
}

body {
    grid-template-columns:9% 82% 9%;
    background-color: var(--light);

    article {
        background-color: var(--content-bg);
        
        h2 {
            margin-bottom: 0rem;
            color: var(--accent);
        }
        p {
            margin-top: 1rem;
        }

        a, a:visited {
            color: var(--dark);
        }
        
        a[href^="http"]:not(a[href*="127.0.0.1"],
                            a[href*="traces.fipaddict.ovh"])
        { 
            background-image: url('images/external_link.svg'); 
            background-position: center right;
            background-repeat: no-repeat;
            background-size: 0.857em;
            padding-right: 1em;
        }

        img {
            box-shadow: 5px 5px 5px var(--border);
        }
        img:not(.left)  {
            display: block;
            float: right;
            margin: 0 0 1rem 1rem;
        }
        
        .travel_icon {
            box-shadow: none;
        }
    }

    footer {
        color: var(--black);
    }
    
}