/**********************************************---***********************
    File name: base.css
    Site: al-porto.org

    Copyright 2023 Michael J. Miller, All rights reserved

    Purpose: original color scheme

    Revision History:
    Date        Version     Details
    --------    --------    --------------------------------------------
************************************************************************/

@layer theme {
    :root {
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

        --design-page-width: 1024px;
        --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-code: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
        
        /*    dyamic font sizes    */
        --dynamic-font--xlg: clamp(1rem, 1.5vw, 24px);
        --dynamic-font--lg: clamp(.75rem, 1.5vw, 18px);
        --dynamic-font:     clamp(.7rem, 1.5vw, 16px);
        --dynamic-font--md: clamp(.7rem, 1.5vw, 15px);
        --dynamic-font--sm: clamp(.6rem, 1.5vw, 12px);
        
        
        --base-background-color: white;
        --text-color: #515F6D;
        --alt-text-color: #486482;
        --muted-color: #818A92;
        --selected-background-color: rgba(205, 205, 235, 1.00);
        --selected-color: rgba(0,0,0,1.00);

        /* header and nav bar display */
        --header-background-color: rgba(255,225,72,1.0);
        --header-text-color: #ffffff;
        --message-error-color: pink;
        --message-notice-color: #B3F4C4;
        --navbar-color: rgb(100, 100, 100);

        /* body section */
        --background-color: rgb(240, 255, 240);
        --background-highlighted: #E2FFE2;
        --background-hover: #ADFFAD;
        --body-border: thin solid coral;

        --image-border-color: rgb(204,255,204);

        --footer-background-color: rgb(240, 255, 240);
        --footer-border: .5px solid lightcoral;

        --dialog-background-color: rgba(245,245,246,0.97);
        --dialog-border-color: lightcoral;
        --dialog-text-color: rgba(85,26,139,1.00);
        --dialog-backdrop: rgba(116,112,112,0.77);
        --dialog-border: medium solid lightcoral;

        --list-header-background-color: #1334C3;
        --list-header-color: white;
        --list-alt-header-color: rgba(255,127,80,0.5);
        --list-background-color: rgba(245,245,246,1);
        --list-color: #515F6D;

        --title-background-color: #595959;
        --title-color: #ffffff;

        /* home page picture dimensions */
        --home-picture-frame: calc(var(--design-page-width) * .2);

        /* calendar colors */
        --silvia: rgba(255,225,72,1.0);
        --silvia-tint: rgba(255,225,72,.20);
        --airbnb: rgba(255,90,95,.2);
        --booking: rgba(0,159,227,.2);
        --booking-dark: rgba(0,53,128,.2);
    /*    --direct: rgba(28,255,28,.2);*/
        --direct: rgba(201,255,201,0.64);
        --direct-bold: rgba(26, 188, 156, .7);
        --expedia: rgba(240,214,146,0.96);


        /*     CALENDAR PAGE COLORS */
        --book-color: rgba(26, 188, 156, 1.00);
        --book-title-color: #fff;
        --book-text-color: #fff;
    /*    --base-color: rgba(9, 162, 116, 1.00);*/
        --base-color: rgba(8,114,83,1.00);
        --void-color: rgba(240, 255, 240, .5);
        --blocked-color: rgba(191,64,255,0.5);
        --title-color: rgba(45,43,46,1.00);
    /*    --base-color: rgba(9, 162, 116, 1.00);*/
        --calendar-background: rgba(245,241,233,1.00);
        --calendar-group-background: rgba(240, 255, 240, .5);

        --panel-tab: rgba(63,135,166,1.00);
        --panel-highlight: rgba(63,135,166,.40);
        --panel-background: rgba(228,240,245,1.00);}
}