/*
In Unity v6.1 UI Builder has a 'Variable' area that allows you to adjust
all settings defined as variables in a single location inspector.
 */
/* Style Values */
/*
In Unity v6.1 UI Builder has a 'Variable' area that allows you to adjust
all settings defined as variables in a single location inspector.
 */
/* Style Values */
:root {
    /* Parent Window Frame Container */
    --windowFrame-margin: 0;
    --windowFrame-padding: 0;
    --windowFrame-border-width: 1px;
    --windowFrame-border-radius: 5px;
    --windowFrame-min-width: 50px;
    --windowFrame-min-height: 50px;
    --windowFrame-border-color: rgba(0, 0, 0, 1);
    --windowFrame-background-color: rgba(56, 56, 56, 1);
    --windowFrame-color: rgba(255, 255, 255, 1);
    --windowFrame-icon-tint: rgba(255, 255, 255, 1);

    /* Header Area */
    --windowFrame-header-min-height: 25px;
    --windowFrame-header-background-color: rgba(0, 0, 0);

    /* Lock Indicator Icon */
    --windowFrame-lock-icon-size: 15px;
    --windowFrame-lock-icon-right: 14px;
    --windowFrame-lock-icon-top: 5px;
    --windowFrame-lock-icon-tint: var(--windowFrame-icon-tint);
    --windowFrame-lock-icon: resource('WindowFramework/Icons/locked-icon');

    /* Title Area */
    --windowFrame-title-padding: 5px;
    --windowFrame-title-font-size: 12px;
    --windowFrame-title-font-style: bold;
    --windowFrame-title-color: rgba(255, 255, 255, 1);

    /* Options Menu Icon */
    --windowFrame-options-menu-min-width: 20px;
    --windowFrame-options-menu-min-height: 20px;
    --windowFrame-options-menu-right: 0;
    --windowFrame-options-menu-top: 0;
    --windowFrame-options-menu-icon-tint: var(--windowFrame-icon-tint);
    --windowFrame-options-menu-icon: resource('WindowFramework/Icons/ellipse-icon');

    /* Content Area */
    --windowFrame-content-background-color: rgba(56, 56, 56, 1);
    --windowFrame-content-color: rgba(255, 255, 255, 1);
    --windowFrame-content-padding: 1px;

    /* Footer Area */
    --windowFrame-footer-font-size: 12px;
    --windowFrame-footer-min-height: 20px;
    --windowFrame-footer-color: rgba(255, 255, 255, 1);
    --windowFrame-footer-background-color: rgba(40, 40, 40, 1);

    /* Resize Area Icon*/
    --windowFrame-resize-area-margin: 2px;
    --windowFrame-resize-area-padding: 2px;
    --windowFrame-resize-area-size: 15px;
    --windowFrame-resize-area-bottom: 0;
    --windowFrame-resize-area-right: 0;
    --windowFrame-resize-icon-tint: var(--windowFrame-icon-tint);
    --windowFrame-resize-icon: resource('WindowFramework/Icons/resize-icon');

    /* Tooltip */
    --tooltip-background-color: rgba(0, 0, 0, 0.9);
    --tooltip-border-color: rgba(0, 0, 0);
    --tooltip-border-width: 1px;
    --tooltip-border-radius: 3px;
    --tooltip-font-size: 10px;
    --tooltip-color: rgba(255, 255, 255);
    --tooltip-padding: 3px;
    --tooltip-flex-direction: row;

    /* Context Menu */
    --context-menu-background-color: rgba(56, 56, 56, 1);
    --context-menu-color: rgba(255, 255, 255, 1);

    --context-menu-border-color: rgba(0, 0, 0, 1);
    --context-menu-border-radius: 0px;
    --context-menu-border-width: 1px;

    --context-menu-font-size: 10px;
    --context-menu-padding: 10px;
    --context-menu-margin: 3px;

}