/**
 * Fichier  : /features/style/css/colors.css
 * Fonction : couleurs du site
 */


/* ==================================================
   VARIABLES COULEURS
================================================== */

:root {
    
    /* ==================================================
       SECTIONS
    ================================================== */

    --main-background: radial-gradient(
        circle,
        rgba(18, 18, 18, 1) 70%,
        rgba(17, 17, 17, 1) 100%
    );

    --menu-background: radial-gradient(
        circle,
        rgba(18, 18, 18, 0.8) 70%,
        rgba(17, 17, 17, 0.8) 100%
    );


    /* ==================================================
       COULEURS
    ================================================== */

    --color-white: #fff;
    --color-black: #000;

    --color-primary: #c41212;
    --color-primary-dark: #650707;
    --color-primary-mid: #991010;
    --color-primary-light: #dd2a2a;

    --color-text: rgba(255,255,255,.82);
    --color-text-soft: rgba(255,255,255,.68);
    --color-text-muted: rgba(255,255,255,.58);
    --color-placeholder: rgba(255,255,255,.42);

    --color-border: rgba(255,255,255,.08);
    --color-border-soft: rgba(255,255,255,.06);
    --color-border-primary: rgba(184,15,22,.28);
    
    --color-focus: rgba(184,15,22,.32);


    /* ==================================================
       GRADIENTS
    ================================================== */

    --gradient-primary: linear-gradient(
        135deg,
        var(--color-primary-dark),
        var(--color-primary-mid) 35%,
        var(--color-primary-light) 68%,
        var(--color-primary)
    );

    --gradient-primary-short: linear-gradient(
        135deg,
        var(--color-primary-dark),
        var(--color-primary-light) 60%,
        var(--color-primary)
    );

    --gradient-glass: linear-gradient(
        180deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.03)
    );

    --gradient-glass-soft: linear-gradient(
        180deg,
        rgba(255,255,255,.06),
        rgba(255,255,255,.03)
    );

    --gradient-hover: linear-gradient(
        135deg,
        rgba(184,15,22,.18),
        rgba(143,12,18,.10)
    );;

    --gradient-overlay-bottom: linear-gradient(
        180deg,
        transparent 55%,
        rgba(0,0,0,.45) 100%
    );

}