/* STYLE : FLAT UI */

/* MANIRA VISUAL STYLE */
:root {
    /* COLOR PALETTE */
    --manira-lightyellow: #FEFBE5;
    --manira-yellow: #F7E355;
    --manira-orange: #FCBE34;
    --manira-darkorange: #D08951;
    --manira-brown: #A0710A;
    --manira-lightgreen: #EBF9F2;
    --manira-green: #388413;
    --manira-darkgreen: #1D450A;

    /* COMPONENT COLOR */
    --manira-header-background-color: var(--manira-darkgreen);
    --manira-header-color: var(--manira-orange);
    --manira-background-color: var(--manira-lightgreen);
    --manira-fill-color1: var(--manira-yellow);
    --manira-fill-color2: var(--manira-green);
    --manira-fill-color3: var(--manira-lightyellow);
    --manira-font-color: var(--manira-darkgreen);
    --manira-border-color: var(--manira-brown);
    --manira-footer-background-color: var(--manira-darkorange);
    --manira-footer-color: var(--manira-lightyellow);

    /* BORDER CONFIGURATION */
    --manira-border-radius-main: 15px;
    --manira-border-radius-small: 10px;
    --manira-border-width: 3px;

    /* FONT SIZE */
    --manira-header-font-size: 32pt;
    --manira-font-title-size: 28pt;
    --manira-font-content-size: 12pt;
    --manira-footer-font-size: 12                                                  pt;

    /* FONT TYPE */
    --manira-font-title: 'Fareno';
    --manira-font-content: 'Varela Round';
}

/* FONT LIST */
@font-face {
    font-family: 'Fareno';
    src: url('/asset/manira/fareno.otf') format('opentype');
}

@font-face {
    font-family: 'Varela Round';
    src: url('/asset/manira/varelaround-regular.ttf') format('truetype');
}