/*=====================================================================

    BATEAUX
    Photographies et fiches documentaires

    ------------------------------------------------------------------

    VARIABLES GLOBALES

    Toutes les valeurs utilisées dans le projet sont définies ici.

    Ainsi, une modification (couleur, largeur, police...) est
    automatiquement répercutée sur l'ensemble du site.

=====================================================================*/

/*--------------------------------------------------------------------
    COULEURS
--------------------------------------------------------------------*/

:root {

    /* Fond général */
    --color-background: #f8f7f2;

    /* Texte courant */
    --color-text: black; #333333;

    /* Titres */
    --color-title: black; #28475d;

    /* Sous-titres */
    --color-subtitle: black; #414b52;

    /* Filets */
    --color-line: black; #d8d5cc;

    /* Liens */
    --color-link: black; #365f82;
    --color-link-hover: #1f4055;
}

/*--------------------------------------------------------------------
    TYPOGRAPHIE
--------------------------------------------------------------------*/

:root {

    /* Police générale */
    --font-family:
        "Montserrat",
        "Arial",
        sans-serif;

    /* Titres */
    --font-title: 2.40rem;

    /* Sous-titre */
    --font-subtitle: 1.15rem;

    /* Texte courant */
    --font-text: 1rem;

    /* Caractéristiques */
    --font-data: .95rem;

    /* Pied de page */
    --font-footer: .85rem;
}

/*--------------------------------------------------------------------
    LARGEURS
--------------------------------------------------------------------*/

:root {

    /* Largeur maximale de la page */
    --page-width: 1500px;

    /* Grande photographie */
    --photo-width: 920px;

    /* Marge documentaire */
    --documentation-width: 360px;
}

/*--------------------------------------------------------------------
    ESPACEMENTS
--------------------------------------------------------------------*/

:root {

    /* Marges latérales */
    --page-margin: 40px;

    /* Entre photo et documentation */
    --column-gap: 48px;

    /* Entre les sections */
    --section-gap: 42px;

    /* Entre les lignes */
    --line-gap: 12px;
}

/*--------------------------------------------------------------------
    PHOTOGRAPHIES
--------------------------------------------------------------------*/

:root {

    --photo-radius: 0;

    --thumbnail-width: 120px;

    --thumbnail-gap: 10px;
}

/*--------------------------------------------------------------------
    FILETS
--------------------------------------------------------------------*/

:root {

    --line-width: 1px;
}

/*--------------------------------------------------------------------
    TRANSITIONS
--------------------------------------------------------------------*/

:root {

    --transition-fast: .15s;
}