/*******************************************************
    ScheduleYourClient.com Theme
    Neon Blue

    Naming:
        --sycvar-XX-YYYYYYY

        XX       = primary variable category
        YYYYYYY  = semantic/detail identifier
*******************************************************/

:root {

    /***** BACKGROUNDS / SURFACES *****/
    --sycvar-bg-page: #030711;
    --sycvar-bg-base: #07101E;
    --sycvar-bg-secondary: #0B1830;
    --sycvar-bg-tertiary: #102445;
    --sycvar-bg-primary: #006CFF;
    --sycvar-bg-primary-hover: #008CFF;
    --sycvar-bg-info: #071F38;
    --sycvar-bg-info-alt: #0A2B4B;
    --sycvar-bg-success: #092D2A;
    --sycvar-bg-success-alt: #0D3B35;
    --sycvar-bg-warning: #342B0C;
    --sycvar-bg-danger: #35121F;
    --sycvar-bg-feature: #1B1540;
    --sycvar-bg-attention: #3A1D16;
    --sycvar-bg-warm: #714A2B;
    --sycvar-bg-focus: #0B3A34;
    --sycvar-bg-hover: #00E5FF;
    --sycvar-bg-overlay: #000208;
    --sycvar-bg-callout: #08233A;
    --sycvar-bg-scrolltrack: #071527;
    --sycvar-bg-scrollthumb: #00C8FF;
    --sycvar-bg-moreinfo: #102947;
    --sycvar-bg-moreinfo-hover: #123A60;

    --sycvar-bg-blockquote: #0A1930;
    --sycvar-bg-disabled: #1E2A3B;

    /***** TEXT / FOREGROUND *****/
    --sycvar-text-base: #EAF6FF;
    --sycvar-text-on-primary: #FFFFFF;
    --sycvar-text-help: #D6EAFA;
    --sycvar-text-muted: #8CA4B8;
    --sycvar-text-muted-alt: #718BA3;
    --sycvar-text-subtle: #A5B7C7;
    --sycvar-text-disabled: #53697C;
    --sycvar-text-label: #B9D0E2;
    --sycvar-text-placeholder: #71869A;
    --sycvar-text-primary: #00B8FF;
    --sycvar-text-primary-light: #45D8FF;
    --sycvar-text-info: #00E5FF;
    --sycvar-text-info-light: #6FF3FF;
    --sycvar-text-info-alt: #4DA7FF;
    --sycvar-text-success: #42E6B0;
    --sycvar-text-warning: #FFE66B;
    --sycvar-text-warning-light: #FFF39C;
    --sycvar-text-danger: #FF4778;
    --sycvar-text-danger-alt: #FF789A;
    --sycvar-text-attention: #FF8A3D;
    --sycvar-text-feature: #A875FF;
    --sycvar-text-feature-light: #C9A7FF;
    --sycvar-text-warm: #E59A5C;

    /***** BORDERS / STROKES *****/
    --sycvar-border-primary: #008CFF;
    --sycvar-border-primary-dark: #006CFF;
    --sycvar-border-info: #00E5FF;
    --sycvar-border-info-dark: #0097B8;
    --sycvar-border-danger: #FF4778;
    --sycvar-border-warning: #FFC83D;
    --sycvar-border-highlight: #00E5FF;
    --sycvar-border-neutral: #24405C;
    --sycvar-border-muted: #1B3048;
    --sycvar-border-demo: #1D6A78;
    --sycvar-border-logo-accent: #FF4778;

    /***** FONTS *****/
    --sycvar-font-body: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --sycvar-font-display: 'Big Shoulders Display', "Segoe UI", Arial, sans-serif;
    --sycvar-font-serif: "Times New Roman", Arial, serif;
    --sycvar-font-mono: monospace;

    /***** LINE HEIGHTS *****/
    --sycvar-line-body: 1.5;
    --sycvar-line-heading: 1.1em;

    /***** RADII *****/
    --sycvar-radius-xs: .1em;
    --sycvar-radius-sm: .2em;
    --sycvar-radius-md: .3em;
    --sycvar-radius-lg: .5em;
    --sycvar-radius-xl: 1em;
    --sycvar-radius-frame: 20px;
    --sycvar-radius-demo: 10px;
    --sycvar-radius-moreinfo: 8px;

    /***** SPACING *****/
    --sycvar-space-xxs: .01em;
    --sycvar-space-xs: .1em;
    --sycvar-space-sm: .2em;
    --sycvar-space-md: .25em;
    --sycvar-space-base: .5em;
    --sycvar-space-lg: 1em;
    --sycvar-space-xl: 1.5em;
    --sycvar-space-xxl: 2em;
    --sycvar-space-xxxl: 3em;

    /***** WIDTHS *****/
    --sycvar-width-1: 6em;
    --sycvar-width-2: 10em;
    --sycvar-width-3: 20em;
    --sycvar-width-3max: 17em;
    --sycvar-width-4: 25em;
    --sycvar-width-5: 30em;
    --sycvar-width-6: 40em;
    --sycvar-width-7: 80em;

    /***** HEIGHTS *****/
    --sycvar-height-1: 6em;
    --sycvar-height-2: 10em;
    --sycvar-height-3: 15em;
    --sycvar-height-4: 20em;
    --sycvar-height-5: 30em;
    --sycvar-height-6: 80em;

    /***** OPACITY *****/
    --sycvar-opacity-disabled: 0.3;
    --sycvar-opacity-muted: 0.25;
    --sycvar-opacity-overlay: 0.7;


    /***** HEADER COMPONENT *****/
    --sycvar-header-bg: #050C18;
    --sycvar-header-inner-bg: #07101E;
    --sycvar-header-brand-bg: #071527;
    --sycvar-header-nav-bg: #07101E;
    --sycvar-header-action-bg: #071527;
    --sycvar-header-text: #EAF6FF;
    --sycvar-header-border: #00E5FF;
    --sycvar-header-divider: #008CFF;
    --sycvar-header-border-top-width: 0px;
    --sycvar-header-border-bottom-width: 2px;
    --sycvar-header-divider-width: 1px;
    --sycvar-header-shadow: 0 0 18px rgba(0,229,255,.22);

    /***** SHADOWS *****/
    --sycvar-shadow-growl: 0 0 12px rgba(0,229,255,.32);
    --sycvar-shadow-nav: 0 8px 22px rgba(0,140,255,.24);
    --sycvar-shadow-frame: 0 0 35px rgba(0,140,255,.18), 0 20px 45px rgba(0,0,0,.55);
    --sycvar-shadow-frame-hover: 0 0 55px rgba(0,229,255,.28), 0 28px 55px rgba(0,0,0,.70);

    /***** TRANSITIONS *****/
    --sycvar-trans-fast: 0.2s;
    --sycvar-trans-frame: 0.25s;
}