@import url(../themes.custom.css);

:root {
    /* ColorScheme ---------------------------------------------------------- */
    --primaryColor: #106ebe;
    --primaryDark: #005a9e;
    --primarySub01: #90caff;
    --primarySub02: #c1e1ff;
    --primarySub03: #deecf9;
    --primarySub04: #eff6fc;

    --commonColor01: #e03e3e;
    --commonColor02: #e16a6a;
    --commonColor03: #ffccd5;
    --commonColor04: #ffe1e1;
    --commonColor05: #fff9e3;
    --commonColor06: #ffa500;
    --commonColor07: rgba(0, 159, 124, 0.9);
    --nonColor01: #1f1f1f;
    --nonColor02: #222222;
    --nonColor03: #333333;
    --nonColor04: #3c3c3c;
    --nonColor05: #444444;
    --nonColor06: #515151;
    --nonColor07: #666666;
    --nonColor08: #8f8f8f;
    --nonColor09: #aeaeae;
    --nonColor10: #c0c0c0;
    --nonColor11: #cecece;
    --nonColor12: #e7e7e7;
    --nonColor13: #ececec;
    --nonColor14: #f5f5f5;
    --nonColor15: #f8f8f8;
    --nonColor16: #ffffff;

    /* BaseSetting ---------------------------------------------------------- */
    --page-bg: var(--nonColor12);
    --base-text: var(--nonColor02);
    --base-bg: var(--nonColor16);
    --base-bg-light: var(--nonColor15);
    --base-border: var(--nonColor11);
    --base-dark-layer: rgba(0, 0, 0, 0.1);
    --base-shadow: rgba(0, 0, 0, 0.2);
    --invert-text: var(--nonColor16);
    --invert-border: var(--nonColor16);
    --link-text: var(--primaryColor);
    --success-color: var(--commonColor07);
    --warning-color: var(--commonColor01);
    --defaultIconUrl: url("../images/ui-icons_3d3d3d_256x240.png");

    /*Buttons ---------------------------------------------------------- */
    /* normal */
    --btn-normal-label: var(--base-text);
    --btn-normal-bg: var(--nonColor16);
    --btn-normal-hover: var(--nonColor15);
    --btn-normal-border: var(--base-border);

    /* neutral */
    --btn-neutral-label: var(--nonColor16);
    --btn-neutral-bg: var(--nonColor05);
    --btn-neutral-border: transparent;
    --btn-neutral-hover: var(--nonColor03);

    /* positive */
    --btn-positive-label: var(--nonColor16);
    --btn-positive-bg: var(--primaryColor);
    --btn-positive-border: transparent;
    --btn-positive-hover: var(--primaryDark);

    /* negative */
    --btn-negative-label: var(--nonColor16);
    --btn-negative-bg: var(--commonColor02);
    --btn-positive-border: transparent;
    --btn-negative-hover: var(--commonColor01);

    /* jQueryUI Custom ---------------------------------------------------------------- */
    --ui-tabs-bg: var(--primarySub03);
    --ui-tabs-btn: var(--btn-normal-bg);
    --ui-tabs-btn-border: var(--primarySub01);
    --ui-multiselect-header-bg: var(--nonColor13);
    --ui-multiselect-header-border: var(--base-border);

    /* FormController ---------------------------------------------------------- */
    --control-text: var(--base-text);
    --control-text-read: var(--base-text);
    --control-border: var(--base-border);
    --control-border-focus: var(--nonColor07);
    --control-bg: var(--nonColor16);
    --control-bg-focus: var(--commonColor05);
    --control-bg-read: var(--nonColor14);
    --control-error: var(--commonColor01);

    /* Module  ----------------------------------------------------------*/
    --site-panal-bg: var(--base-bg);

    /* selectable */
    --selectable-bg: var(--base-bg);
    --selectable-border: var(--base-border);
    --selectable-btn-bg: var(--nonColor14);
    --selectable-btn-border: var(--nonColor09);

    /* grid */
    --grid-cell-bg: var(--nonColor16);
    --grid-cell-hover: var(--nonColor14);
    --grid-cell-border: var(--nonColor08);
    --grid-cell-vborder: var(--nonColor12);
    --grid-cell-heading: var(--nonColor14);
    --grid-comment-bg: var(--primarySub04);
    --grid-comment-border: var(--primarySub02);
    --grid-focus-inform-bg: var(--nonColor16);
    --grid-focus-inform-border: var(--commonColor06);

    /* editer */
    --editor-bg: var(--base-bg);
    --editer-comment-bg: var(--primarySub03);

    /* layout  ----------------------------------------------------------*/
    /* header */
    --hamburger-trigger-icon: var(--nonColor07);
    --hamburger-outer-bg: rgba(3, 3, 3, 0.2);
    --hamburger-opener-icon: var(--nonColor08);
    --hamburger-subnavi-bg: var(--nonColor14);
    --hamburger-subnavi-hover: var(--nonColor12);

    /* breadcrumb */
    --breadcrumb-bg: var(--base-bg);

    /* guide */
    --guide-bg: var(--commonColor05);
    --guide-text: var(--nonColor05);

    /* footer */
    --footer-command-bg: rgba(0, 0, 0, 0.5);

    /* Page & Dialog  ----------------------------------------------------------*/
    /* template */
    --template-viewer-bg: var(--nonColor15);
    --template-viewer-detail: var(--nonColor16);
    --template-description-bg: var(--commonColor05);
    --template-warning-text: var(--commonColor01);
    --template-warning-bg: var(--commonColor04);

    /* parts  ----------------------------------------------------------*/
    --start-guide-hover: var(--primarySub04);
    --password-tool-icon: var(--nonColor07);
    --tooltip-text: var(--nonColor16);
    --tooltip-bg: rgba(0, 0, 0, 0.7);
}