/*********************************/
/*          VARIABLES            */
/*********************************/

:root {

    /***********/
    /* COLOURS */
    /***********/
    /* text */
    --colour-text: #973f2a;
    --colour-link: #dd3363;
    --colour-nav: #bc5206;
    /* buttons */
    --colour-button: #dec1f3;
    --colour-button-2: #fcf5ec;
    --colour-button-light: #f3dbde;
    --colour-button-lighter: #fff7ef;
    --colour-button-gradient: linear-gradient(var(--colour-button), var(--colour-button-2));
    --colour-button-shadow: #ddbde3;
    --colour-button-text: #66121e;
    /* borders */
    --colour-borders: #d9a4a4;
    --colour-borders-note: var(--colour-button);
    --colour-button-borders: #7558b4;
    /* background colours */
    --colour-nav-hover: #d47e66;
    --colour-card: #fff5ee;
    --colour-card-inside-card: #fffff1;
    --colour-bg: #ffece1;
    --colour-bg-gradient: linear-gradient(var(--colour-bg), #ffe8f9);
    --colour-background: #fed2cd;
    /* tabs */
    --colour-tab-active-text: var(--colour-button-lighter);
    --colour-tab: var(--colour-background);
    --colour-tab-gradient: linear-gradient(var(--colour-tab-active-text), var(--colour-tab));
    --colour-tab-active: var(--colour-nav-hover);

    --colour-gingham-1: rgba(255,255,255,0.15);
    --colour-gingham-2: rgba(221, 51, 99, 0.15); /* --colour-link but with less opacity */

    /*********/
    /* FONTS */
    /*********/
    --font-title: 'Dawning of a New Day', Verdana, cursive;
    --font-headers: 'Indie Flower', Verdana, cursive;
    --font-headers-cursive: 'Zeyada', Verdana, cursive;
    --font-body: 'Montserrat', Tahoma, sans-serif;
    --font-fun: 'Love Ya Like A Sister', Verdana, Geneva, Tahoma, sans-serif; /* buttons & nav */

    /*****************/
    /* COMMONLY USED */
    /*****************/
    --border-default: 2px dotted var(--colour-borders);
    --border-dark: 2px dotted var(--colour-text);

}