/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- ---- 부트스트랩 래퍼 */

/* ---- ---- ---- ---- ---- ---- ---- ---- Primary */

:root { --bs_primary_t_0  : #336666; --bs_primary_s_0  : #336666;
        --bs_primary_t_10 : #477575; --bs_primary_s_10 : #2E5C5C;
        --bs_primary_t_20 : #5C8585; --bs_primary_s_20 : #295252;
        --bs_primary_t_25 : #668C8C; --bs_primary_s_25 : #264D4D;
        --bs_primary_t_30 : #709494; --bs_primary_s_30 : #244747;
        --bs_primary_t_40 : #85A3A3; --bs_primary_s_40 : #1F3D3D;
        --bs_primary_t_50 : #99B3B3; --bs_primary_s_50 : #1A3333;
        --bs_primary_t_60 : #ADC2C2; --bs_primary_s_60 : #142929;
        --bs_primary_t_70 : #C2D1D1; --bs_primary_s_70 : #0F1F1F;
        --bs_primary_t_75 : #CCD9D9; --bs_primary_s_75 : #0D1A1A;
        --bs_primary_t_80 : #D6E0E0; --bs_primary_s_80 : #0A1414;
        --bs_primary_t_90 : #EBF0F0; --bs_primary_s_90 : #050A0A;
        --bs_primary_t_100: #FFFFFF; --bs_primary_s_100: #000000; }

:root,  [data-bs-theme=light] { --bs-primary          : #336666; --bs-primary-rgb          :  51, 102, 102;
                                --bs-primary-bg-subtle: #D6E0E0; --bs-primary-border-subtle: #ADC2C2; --bs-primary-text-emphasis: #142929; }
        [data-bs-theme=dark ] { --bs-primary-bg-subtle: #0A1414; --bs-primary-border-subtle: #1F3D3D; --bs-primary-text-emphasis: #ADC2C2; }

:root,  [data-bs-theme=light] { --bs-link-color: #336666; --bs-link-color-rgb:  51, 102, 102; --bs-link-hover-color: #295252; --bs-link-hover-color-rgb:  41,  82,  82; }
        [data-bs-theme=dark ] { --bs-link-color: #85A3A3; --bs-link-color-rgb: 133, 163, 163; --bs-link-hover-color: #9DB5B5; --bs-link-hover-color-rgb: 157, 181, 181; }

.link-primary:focus,
.link-primary:hover  {    color: rgba(  41,  82,  82, var( --bs-link-opacity          , 1 ) ) !important;
  -webkit-text-decoration-color: rgba(  41,  82,  82, var( --bs-link-underline-opacity, 1 ) ) !important;
          text-decoration-color: rgba(  41,  82,  82, var( --bs-link-underline-opacity, 1 ) ) !important; }

.btn-primary         { --bs-btn-bg                   : #336666; --bs-btn-bg-rgb          :  51, 102, 102;
                       --bs-btn-border-color         : #336666;
                       --bs-btn-disabled-bg          : #336666;
                       --bs-btn-disabled-border-color: #336666;
                       --bs-btn-hover-border-color   : #5C8585;
                       --bs-btn-active-bg            : #5C8585;
                       --bs-btn-hover-bg             : #2B5757; --bs-btn-focus-shadow-rgb:  82, 125, 125; }
.btn-outline-primary { --bs-btn-color                : #336666;
                       --bs-btn-border-color         : #336666;
                       --bs-btn-hover-bg             : #336666;
                       --bs-btn-hover-border-color   : #336666;
                       --bs-btn-active-bg            : #336666;
                       --bs-btn-active-border-color  : #336666;
                       --bs-btn-disabled-color       : #336666;
                       --bs-btn-disabled-border-color: #336666; --bs-btn-focus-shadow-rgb:  51, 102, 102; }

.progress,
.progress-stacked { --bs-progress-bar-bg: #336666; }

/* ---- ---- ---- ---- ---- ---- ---- ---- Common */

.form-switch
.form-check-input:focus:not(:checked) { --bs-form-switch-bg: url( "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2399B3B3'/%3e%3c/svg%3e" ) !important; /* Primary Tint 50% */ }
.form-control:focus,
.form-check-input:focus               { border-color: var( --bs_primary_t_50 ); box-shadow: 0 0 0 .25rem rgba( var( --bs-primary-rgb ), .25 ); }
.form-check-input:checked             { border-color: var( --bs-primary      ); background-color:              var( --bs-primary            ); }