@charset "UTF-8";
/* Copyright (C) 2026 Moko Consulting <hello@mokoconsulting.tech>

 This file is part of a Moko Consulting project.

 SPDX-License-Identifier: GPL-3.0-or-later

 # FILE INFORMATION
 DEFGROUP: Joomla.Template.Site
 INGROUP: MokoCassiopeia.Templates
 PATH: ./media/templates/site/mokocassiopeia/css/theme/light.custom.css
 VERSION: 00.04.00
 BRIEF: Custom light mode palette for Clarksville Furs — full variable set matched to standard v03.09.02
*/

/* -----------------------------------------------
 * LIGHT THEME
 * CF Brand: Sky #a3cde2 | Coral #df4830 | Navy #112855 | Gold #eec234
 * --------------------------------------------- */

:root[data-bs-theme='light']{
color-scheme: light;

/* ===== BRAND & THEME COLORS ===== */
--color-primary: #a3cde2;
--accent-color-primary: #df4830;
--accent-color-secondary: #eec234;

/* ===== NAVIGATION ===== */
--mainmenu-nav-link-color: #f8fbfc;
--nav-text-color: #f8fbfc;
--nav-bg-color: #112855;

/* ===== LINKS ===== */
--color-link: #112855;
--color-hover: var(--accent-color-primary);
--color-active: var(--mainmenu-nav-link-color);
--link-color: #112855;
--link-color-rgb: 17, 40, 85;
--link-decoration: underline;
--link-hover-color: var(--accent-color-primary);
--link-hover-color-rgb: 223, 72, 48;
--link-active-color: var(--link-color);

/* ===== NAVBAR ===== */
--navbar-padding-x: 1rem;
--navbar-padding-y: 0.5rem;
--navbar-color: var(--nav-text-color);
--navbar-active-color: var(--mainmenu-nav-link-color);
--navbar-disabled-color: #6c757d;
--navbar-brand-padding-y: 0.3125rem;
--navbar-brand-margin-end: 1rem;
--navbar-brand-font-size: 1.25rem;
--navbar-brand-color: var(--nav-text-color);
--navbar-brand-active-color: var(--mainmenu-nav-link-color);
--navbar-nav-link-padding-x: 0.5rem;
--navbar-toggler-padding-y: 0.25rem;
--navbar-toggler-padding-x: 0.75rem;
--navbar-toggler-font-size: 1.25rem;
--navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
--navbar-toggler-border-radius: 0.25rem;
--navbar-toggler-focus-width: 0.25rem;
--navbar-toggler-transition: box-shadow 0.15s ease-in-out;
--nav-link-padding-x: 1rem;
--nav-link-padding-y: 0.5rem;
--nav-link-font-weight: 400;
--nav-link-color: var(--nav-text-color);
--nav-link-active-color: var(--mainmenu-nav-link-color);
--nav-link-disabled-color: #6c757d;

/* ===== TYPOGRAPHY & BODY ===== */
--font-sans-serif: -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-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--body-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";
--body-font-size: 1rem;
--body-font-weight: 400;
--body-line-height: 1.5;
--body-color: #22272d;
--body-color-rgb: 34, 39, 45;
--body-bg: #f8fbfc;
--body-bg-rgb: 248, 251, 252;
--heading-color: #112855;
--emphasis-color: #000;
--emphasis-color-rgb: 0, 0, 0;
--secondary-color: #22272dbf;
--secondary-color-rgb: 34, 39, 45;
--tertiary-color: #22272d80;
--tertiary-color-rgb: 34, 39, 45;
--muted-color: #5c6670;
--code-color: #df4830;
--code-color-ink: var(--code-color, #df4830);
--highlight-color: #22272d;
--highlight-bg: #eec2341a;

/* ===== LAYOUT & SPACING ===== */
--padding-x: 0.15rem;
--padding-y: 0.15rem;
--bg-opacity: 1;
--nav-toggle-size: 3rem;
--gradient: linear-gradient(180deg, #ffffff26, #fff0);
--secondary-bg: #f3f6f7;
--secondary-bg-rgb: 243, 246, 247;
--tertiary-bg: #fdfefe;
--tertiary-bg-rgb: 253, 254, 254;
--hr-color: var(--border-color, #d7e2e8);
--border-color-soft: var(--border-color, #d7e2e8);
--kbd-bg: var(--secondary-bg, #f3f6f7);
--kbd-ink: var(--body-color, #22272d);
--toc-bg: var(--secondary-bg, #f3f6f7);
--toc-ink: var(--color-primary, #a3cde2);
--selection-bg: var(--highlight-bg, #eec23433);
--selection-ink: var(--body-color, #22272d);
--border: 5px;

/* ===== BREAKPOINTS ===== */
--bp-xs: 0;
--bp-sm: 576px;
--bp-md: 768px;
--bp-lg: 992px;
--bp-xl: 1200px;

/* ===== BOOTSTRAP PALETTE ===== */
--primary: #112855;
--secondary: #5c6670;
--success: #2f8f67;
--info: #27406f;
--warning: #eec234;
--danger: #df4830;
--light: #f8fbfc;
--dark: #22272d;
--primary-rgb: 17, 40, 85;
--secondary-rgb: 92, 102, 112;
--success-rgb: 47, 143, 103;
--info-rgb: 39, 64, 111;
--warning-rgb: 238, 194, 52;
--danger-rgb: 223, 72, 48;
--light-rgb: 248, 251, 252;
--dark-rgb: 34, 39, 45;
--primary-text-emphasis: #002;
--secondary-text-emphasis: #2c2f32;
--success-text-emphasis: #1b351b;
--info-text-emphasis: #132838;
--warning-text-emphasis: #5c4100;
--danger-text-emphasis: #5c1e13;
--light-text-emphasis: #484f56;
--dark-text-emphasis: #484f56;
--primary-bg-subtle: #d6e4f0;
--secondary-bg-subtle: #e8eaec;
--success-bg-subtle: #d4ede5;
--info-bg-subtle: #d2d9e6;
--warning-bg-subtle: #fdf3d0;
--danger-bg-subtle: #f9dbd7;
--light-bg-subtle: #fcfcfd;
--dark-bg-subtle: #ced4da;
--primary-border-subtle: #a0bfd8;
--secondary-border-subtle: #c5c8cb;
--success-border-subtle: #a8d5c5;
--info-border-subtle: #a4b3cd;
--warning-border-subtle: #f8e5a0;
--danger-border-subtle: #f2b8af;
--light-border-subtle: #eaedf0;
--dark-border-subtle: #adb5bd;

/* ===== ALERT LINK COLORS ===== */
--alert-primary-link-color: #01012a;
--alert-secondary-link-color: #34383d;
--alert-success-link-color: #1a5240;
--alert-info-link-color: #172f44;
--alert-warning-link-color: #4a3400;
--alert-danger-link-color: #5c1e13;
--alert-light-link-color: #505050;
--alert-dark-link-color: #1a1c1f;

/* ===== LIST GROUP ITEM COLORS ===== */
--list-group-item-primary-color: #112855;
--list-group-item-primary-bg: #d6e4f0;
--list-group-item-primary-active-bg: #c0d4e8;
--list-group-item-secondary-color: #5c6670;
--list-group-item-secondary-bg: #e8eaec;
--list-group-item-secondary-active-bg: #d1d4d7;
--list-group-item-success-color: #1d5840;
--list-group-item-success-bg: #d4ede5;
--list-group-item-success-active-bg: #bfd9cf;
--list-group-item-info-color: #1c2b4d;
--list-group-item-info-bg: #d2d9e6;
--list-group-item-info-active-bg: #bcc5d5;
--list-group-item-warning-color: #4a3400;
--list-group-item-warning-bg: #fdf3d0;
--list-group-item-warning-active-bg: #e8daba;
--list-group-item-danger-color: #63130e;
--list-group-item-danger-bg: #f9dbd7;
--list-group-item-danger-active-bg: #e1c6c2;
--list-group-item-light-color: #646464;
--list-group-item-light-bg: #fefefe;
--list-group-item-light-active-bg: #e5e5e5;
--list-group-item-dark-color: #202327;
--list-group-item-dark-bg: #d7d8d9;
--list-group-item-dark-active-bg: #c2c2c3;

/* ===== LINK UTILITY COLORS ===== */
--link-primary-color: #112855;
--link-primary-hover-color: #0a1a38;
--link-secondary-color: hsl(210, 7%, 46%);
--link-secondary-hover-color: #575e65;
--link-success-color: hsl(160, 51%, 37%);
--link-success-hover-color: #226b52;
--link-info-color: hsl(222, 48%, 29%);
--link-info-hover-color: #1c2b4d;
--link-warning-color: hsl(46, 85%, 45%);
--link-warning-hover-color: #8a6e00;
--link-danger-color: #df4830;
--link-danger-hover-color: #c03e28;
--link-light-color: hsl(210, 17%, 98%);
--link-light-hover-color: #fafbfc;
--link-dark-color: hsl(210, 10%, 23%);
--link-dark-hover-color: #2a2f34;

/* ===== COMPONENT-SPECIFIC COLORS ===== */
--mod-finder-link-hover: #e6e6e6;
--form-legend-color: #495057;
--border-gray: #b2bfcd;
--subhead-color: #495057;
--box-shadow-gray: #ddd;
--btn-active-text-gray: #A0A0A0;
--indicator-success-bg: var(--success);
--item-list-color: #F5F5F5;
--notification-badge-bg: var(--danger);
--content-bg-gray: #DDD;
--taba-btn-green: #7ac143;
--taba-btn-blue: #5091cd;
--taba-btn-red: #f44321;
--taba-btn-gray: #AAA;
--taba-msg-bg: #f5f5f5;
--toc-link-color: #5c6670;
--toc-link-active-color: #112855;
--choices-disabled-bg: #eaeaea;
--choices-input-bg: var(--white);
--choices-border-light: #ddd;
--choices-arrow-color: #333;
--choices-inner-bg: #f9f9f9;
--choices-focused-border: #b7b7b7;
--choices-dropdown-bg: var(--white);
--choices-item-bg: #a3cde2;
--choices-item-border: #8db8cc;
--choices-item-hover-bg: #8db8cc;
--choices-item-hover-border: #78a3b6;
--choices-item-disabled-bg: #aaaaaa;
--choices-item-disabled-border: #919191;
--choices-item-highlighted: #f2f2f2;
--choices-input-inner-bg: #f9f9f9;

/* ===== STANDARD COLORS ===== */
--blue: #112855;
--indigo: #27406f;
--purple: #3a3f76;
--pink: #df4830;
--red: #df4830;
--orange: #df4830;
--yellow: #eec234;
--green: #2f8f67;
--teal: #a0d1ec;
--cyan: #abd9f3;
--black: #000;
--white: #fff;

/* ===== GRAY SCALE ===== */
--gray-100: #f8fbfc;
--gray-200: #f3f6f7;
--gray-300: #e6edf1;
--gray-400: #d7e2e8;
--gray-500: #b8c3cb;
--gray-600: #8b8c8d;
--gray-700: #5c6670;
--gray-800: #22272d;
--gray-900: #000001;
--white-rgb: 255, 255, 255;
--black-rgb: 0, 0, 0;

/* ===== OPACITY UTILITIES ===== */
--opacity-0: 0;
--opacity-5: 0.05;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-50: 0.5;
--opacity-75: 0.75;
--opacity-100: 1;

/* ===== COMMON SHADOW COLORS ===== */
--shadow-color-light: rgba(var(--black-rgb), var(--opacity-15));
--shadow-color-medium: rgba(var(--black-rgb), var(--opacity-25));
--shadow-color-dark: rgba(var(--black-rgb), var(--opacity-30));
--border-color-translucent: rgba(var(--black-rgb), var(--opacity-10));
--highlight-translucent: rgba(var(--white-rgb), var(--opacity-15));

/* ===== HEADER BACKGROUND ===== */
--header-background-image: url('../../../../../../images/branding/skybackground.png');
--header-background-attachment: fixed;
--header-background-repeat: repeat;
--header-background-size: auto;

/* ===== CONTAINER BACKGROUNDS ===== */
--container-below-topbar-bg-image: none;
--container-below-topbar-bg-color: transparent;
--container-below-topbar-bg-position: center;
--container-below-topbar-bg-attachment: fixed;
--container-below-topbar-bg-repeat: no-repeat;
--container-below-topbar-bg-size: cover;
--container-below-topbar-border: none;
--container-below-topbar-border-radius: 0;

--container-top-a-bg-image: none;
--container-top-a-bg-color: transparent;
--container-top-a-bg-position: center;
--container-top-a-bg-attachment: fixed;
--container-top-a-bg-repeat: no-repeat;
--container-top-a-bg-size: cover;
--container-top-a-border: none;
--container-top-a-border-radius: 0;

--container-top-b-bg-image: none;
--container-top-b-bg-color: transparent;
--container-top-b-bg-position: center;
--container-top-b-bg-attachment: fixed;
--container-top-b-bg-repeat: no-repeat;
--container-top-b-bg-size: cover;
--container-top-b-border: none;
--container-top-b-border-radius: 0;

--container-toc-bg: var(--secondary-bg);
--container-toc-color: #112855;

--container-sidebar-bg-image: none;
--container-sidebar-bg-color: transparent;
--container-sidebar-bg-position: center;
--container-sidebar-bg-attachment: scroll;
--container-sidebar-bg-repeat: repeat;
--container-sidebar-bg-size: auto;
--container-sidebar-border: none;
--container-sidebar-border-radius: 0;

--container-bottom-a-bg-image: none;
--container-bottom-a-bg-color: transparent;
--container-bottom-a-bg-position: center;
--container-bottom-a-bg-attachment: fixed;
--container-bottom-a-bg-repeat: no-repeat;
--container-bottom-a-bg-size: cover;
--container-bottom-a-border: none;
--container-bottom-a-border-radius: 0;

--container-bottom-b-bg-image: none;
--container-bottom-b-bg-color: transparent;
--container-bottom-b-bg-position: center;
--container-bottom-b-bg-attachment: fixed;
--container-bottom-b-bg-repeat: no-repeat;
--container-bottom-b-bg-size: cover;
--container-bottom-b-border: none;
--container-bottom-b-border-radius: 0;

/* ===== BORDERS ===== */
--border-width: 1px;
--border-style: solid;
--border-color: #d7e2e8;
--border-color-translucent: #0000011a;
--border-radius: .25rem;
--border-radius-sm: .2rem;
--border-radius-lg: .3rem;
--border-radius-xl: .3rem;
--border-radius-xxl: 2rem;
--border-radius-2xl: var(--border-radius-xxl);
--border-radius-pill: 50rem;

/* ===== SHADOWS ===== */
--box-shadow: 0 .5rem 1rem #00000126;
--box-shadow-sm: 0 .125rem .25rem #0000011a;
--box-shadow-lg: 0 1rem 3rem #00000133;
--box-shadow-inset: inset 0 1px 2px #0000011a;

/* ===== FOCUS & FORMS ===== */
--focus-ring-width: .25rem;
--focus-ring-opacity: .45;
--focus-ring-color: #abd9f366;
--input-color: #22272d;
--input-bg: #fff;
--input-border-color: #d7e2e8;
--input-focus-border-color: #a3cde2;
--input-focus-box-shadow: 0 0 0 0.25rem rgba(163, 205, 226, 0.35);
--input-placeholder-color: #8b8c8d;
--input-disabled-bg: #f3f6f7;
--input-disabled-border-color: #d7e2e8;
--input-file-button-active-bg: #e6edf1;
--form-range-thumb-active-bg: #a3cde2;
--form-valid-color: #2f8f67;
--form-valid-border-color: #2f8f67;
--form-invalid-color: #df4830;
--form-invalid-border-color: #df4830;

/* ===== BUTTONS ===== */
--btn-border-radius: var(--border-radius);
--btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);

/* ===== CARDS ===== */
--card-spacer-y: 1rem;
--card-spacer-x: 1rem;
--card-title-spacer-y: 0.5rem;
--card-border-width: 1px;
--card-border-color: var(--border-color);
--card-border-radius: var(--border-radius);
--card-box-shadow: none;
--card-inner-border-radius: calc(var(--border-radius) - 1px);
--card-cap-padding-y: 0.5rem;
--card-cap-padding-x: 1rem;
--card-cap-bg: rgba(0, 0, 0, 0.03);
--card-cap-color: var(--body-color);
--card-height: auto;
--card-color: var(--body-color);
--card-bg: var(--body-bg);
--card-img-overlay-padding: 1rem;
--card-group-margin: 0.75rem;

/* ===== VIRTUEMART (VM) ===== */
--vm-surface: #ffffff;
--vm-surface-2: #f8f9fa;
--vm-text: var(--body-color);
--vm-text-strong: #000000;
--vm-text-muted: #5c6670;
--vm-border: var(--border-color);
--vm-price-color: var(--success);
--vm-container-max-width: 1200px;
--vm-section-gap: 2rem;
--vm-block-radius: var(--border-radius);
--vm-block-shadow: var(--box-shadow-sm);
--vm-category-title-size: 2rem;
--vm-subcategory-title-size: 1.5rem;
--vm-page-title-size: 1.75rem;
--vm-products-type-title-size: 1.25rem;
--vm-product-title-size: 1.125rem;
--vm-product-title-weight: 500;
--vm-products-type-title-weight: 600;
--vm-price-size: 1.5rem;
--vm-price-detail-size: 1.125rem;
--vm-price-desc-size: 0.875rem;
--vm-input-radius: var(--border-radius);
--vm-input-shadow: var(--box-shadow-sm);
--vm-qty-width: 80px;
--vm-cart-dropdown-min-width: 300px;
--vm-alert-radius: var(--border-radius);
--vm-alert-shadow: var(--box-shadow-sm);
--vm-availability-bg: var(--success-bg-subtle);
--vm-availability-text: var(--success);
--vm-btn-padding-x: 1rem;
--vm-btn-padding-y: 0.5rem;
--vm-btn-radius: var(--border-radius);
--vm-btn-shadow: var(--box-shadow-sm);
--vm-btn-primary-bg: var(--primary);
--vm-btn-primary-text: #ffffff;
--vm-btn-primary-border: var(--primary);
--vm-btn-secondary-bg: var(--secondary);
--vm-btn-secondary-text: #ffffff;
--vm-btn-secondary-border: var(--secondary);
--vm-image-overlay-gap-x: 0.5rem;
--vm-image-overlay-gap-y: 0.5rem;
--vm-image-overlay-raise: 0.25rem;
--vm-image-overlay-btn-size: 2.5rem;
--vm-image-overlay-btn-radius: 50%;
--vm-image-overlay-btn-bg: rgba(255, 255, 255, 0.9);
--vm-image-overlay-btn-bg-hover: rgba(255, 255, 255, 1);
--vm-image-overlay-btn-border-color: rgba(0, 0, 0, 0.1);
--vm-image-overlay-btn-border-width: 1px;
--vm-image-overlay-btn-color: var(--body-color);
--vm-image-overlay-btn-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
--vm-vendor-menu-bg: var(--body-bg);
--vm-vendor-menu-border: var(--border-color);
--vm-vendor-menu-radius: var(--border-radius);
--vm-vendor-menu-shadow: var(--box-shadow-sm);
--vm-vendor-menu-item-gap: 0.25rem;
--vm-vendor-menu-item-padding-x: 1rem;
--vm-vendor-menu-item-padding-y: 0.5rem;
--vm-vendor-menu-pill-radius: 50rem;
--vm-vendor-menu-link: var(--link-color);
--vm-vendor-menu-link-hover: var(--link-hover-color);
--vm-vendor-menu-link-active: var(--primary);
--vm-vendor-menu-hover-bg: var(--secondary-bg);

/* ===== GABLE ===== */
--gab-blue: #112855;
--gab-green: #2f8f67;
--gab-red: #df4830;
--gab-orange: #df4830;
--gab-gray1: #5c6670;
--gab-gray2: #8b8c8d;
--gab-gray3: #b8c3cb;

/* ===== HERO / BANNER OVERLAY ===== */
--hero-height: 70vh;
--hero-color: var(--body-color);
--hero-bg-repeat: no-repeat;
--hero-bg-attachment: fixed;
--hero-bg-position: top center;
--hero-bg-size: cover;
--hero-border-bottom: solid var(--accent-color-secondary);
--hero-overlay-bg: hsla(200, 50%, 80%, 0.3);
--hero-overlay-padding: 1em;
--hero-overlay-text-align: center;
--hero-overlay-text-color: var(--body-color);

/* ===== HERO VARIANTS ===== */
--hero-primary-bg-color: var(--color-primary);
--hero-primary-overlay: linear-gradient(rgba(163, 205, 226, .45), rgba(163, 205, 226, .45));
--hero-primary-color: #112855;
--hero-secondary-bg-color: #112855;
--hero-secondary-overlay: linear-gradient(rgba(17, 40, 85, .75), rgba(17, 40, 85, .75));
--hero-secondary-color: #f1f5f9;

/* ===== BLOCK COLORS (top-a / top-b / bottom-a / bottom-b) ===== */
--block-color-1: var(--color-primary);
--block-text-1:  #112855;
--block-color-2: var(--accent-color-primary);
--block-text-2:  #fff;
--block-color-3: #eec234;
--block-text-3:  #22272d;
--block-color-4: #eef7f0;
--block-text-4:  #22272d;

/* ===== BLOCK COLOR OVERRIDES ===== */
--block-highlight-bg:   var(--accent-color-primary);
--block-highlight-text: #fff;
--block-cta-bg:         #112855;
--block-cta-text:       #fff;
--block-alert-bg:       var(--accent-color-primary);
--block-alert-text:     #fff;

/* ===== OFFCANVAS ===== */
--offcanvas-zindex: 1045;
--offcanvas-width: 400px;
--offcanvas-height: 30vh;
--offcanvas-padding-x: 1rem;
--offcanvas-padding-y: 1rem;
--offcanvas-color: var(--body-color);
--offcanvas-bg: var(--body-bg);
--offcanvas-border-width: 1px;
--offcanvas-border-color: var(--border-color-translucent);
--offcanvas-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);

/* ===== ACCORDION ===== */
--accordion-color: var(--body-color);
--accordion-bg: var(--body-bg);
--accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--accordion-border-color: var(--border-color);
--accordion-border-width: 1px;
--accordion-border-radius: 0.25rem;
--accordion-inner-border-radius: calc(0.25rem - 1px);
--accordion-btn-padding-x: 1.25rem;
--accordion-btn-padding-y: 1rem;
--accordion-btn-color: var(--body-color);
--accordion-btn-bg: var(--accordion-bg);
--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2322272d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--accordion-btn-icon-width: 1.25rem;
--accordion-btn-icon-transform: rotate(-180deg);
--accordion-btn-icon-transition: transform 0.2s ease-in-out;
--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23112855'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--accordion-btn-focus-border-color: #a3cde2;
--accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(163, 205, 226, 0.35);
--accordion-body-padding-x: 1.25rem;
--accordion-body-padding-y: 1rem;
--accordion-active-color: #112855;
--accordion-active-bg: #f0f7fb;

/* ===== BREADCRUMB ===== */
--breadcrumb-padding-x: 0;
--breadcrumb-padding-y: 0;
--breadcrumb-margin-bottom: 1rem;
--breadcrumb-bg: ;
--breadcrumb-border-radius: ;
--breadcrumb-divider-color: #8b8c8d;
--breadcrumb-item-padding-x: 0.5rem;
--breadcrumb-item-active-color: #5c6670;

/* ===== PAGINATION ===== */
--pagination-padding-x: 0.75rem;
--pagination-padding-y: 0.375rem;
--pagination-font-size: 1rem;
--pagination-color: #112855;
--pagination-bg: var(--body-bg);
--pagination-border-width: 1px;
--pagination-border-color: #d7e2e8;
--pagination-border-radius: 0.25rem;
--pagination-focus-color: #112855;
--pagination-focus-bg: #f3f6f7;
--pagination-focus-box-shadow: 0 0 0 0.25rem rgba(163, 205, 226, 0.35);
--pagination-active-color: #fff;
--pagination-active-bg: #112855;
--pagination-active-border-color: #112855;
--pagination-disabled-color: #8b8c8d;
--pagination-disabled-bg: var(--body-bg);
--pagination-disabled-border-color: #d7e2e8;

/* ===== BADGE ===== */
--badge-padding-x: 0.65em;
--badge-padding-y: 0.35em;
--badge-font-size: 0.75em;
--badge-font-weight: 700;
--badge-color: #fff;
--badge-border-radius: 0.25rem;

/* ===== ALERT ===== */
--alert-bg: transparent;
--alert-padding-x: 1rem;
--alert-padding-y: 1rem;
--alert-margin-bottom: 1rem;
--alert-color: inherit;
--alert-border-color: transparent;
--alert-border: 1px solid var(--alert-border-color);
--alert-border-radius: 0.25rem;

/* ===== PROGRESS ===== */
--progress-height: 1rem;
--progress-font-size: 0.75rem;
--progress-bg: #e6edf1;
--progress-border-radius: 0.25rem;
--progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--progress-bar-color: #fff;
--progress-bar-bg: #112855;
--progress-bar-transition: width 0.6s ease;

/* ===== LIST GROUP ===== */
--list-group-color: var(--body-color);
--list-group-bg: var(--body-bg);
--list-group-border-color: rgba(0, 0, 0, 0.125);
--list-group-border-width: 1px;
--list-group-border-radius: 0.25rem;
--list-group-item-padding-x: 1rem;
--list-group-item-padding-y: 0.5rem;
--list-group-action-color: #112855;
--list-group-action-active-color: #fff;
--list-group-action-active-bg: #112855;
--list-group-disabled-color: #8b8c8d;
--list-group-disabled-bg: var(--body-bg);
--list-group-active-color: #fff;
--list-group-active-bg: #112855;
--list-group-active-border-color: #112855;

/* ===== DROPDOWN ===== */
--dropdown-zindex: 1000;
--dropdown-min-width: 10rem;
--dropdown-padding-x: 0;
--dropdown-padding-y: 0.5rem;
--dropdown-spacer: 0.125rem;
--dropdown-font-size: 1rem;
--dropdown-color: var(--body-color);
--dropdown-bg: var(--body-bg);
--dropdown-border-color: var(--border-color-translucent);
--dropdown-border-radius: 0.25rem;
--dropdown-border-width: 1px;
--dropdown-inner-border-radius: calc(0.25rem - 1px);
--dropdown-divider-bg: var(--border-color-translucent);
--dropdown-divider-margin-y: 0.5rem;
--dropdown-box-shadow: 0 0.5rem 1rem var(--shadow-color-medium);
--dropdown-link-color: #22272d;
--dropdown-link-active-color: #fff;
--dropdown-link-active-bg: #112855;
--dropdown-link-disabled-color: #8b8c8d;
--dropdown-item-padding-x: 1rem;
--dropdown-item-padding-y: 0.25rem;
--dropdown-header-color: #8b8c8d;
--dropdown-header-padding-x: 1rem;
--dropdown-header-padding-y: 0.5rem;

/* ===== TOAST ===== */
--toast-zindex: 1090;
--toast-padding-x: 0.75rem;
--toast-padding-y: 0.5rem;
--toast-spacing: 1em;
--toast-max-width: 350px;
--toast-font-size: 0.875rem;
--toast-color: ;
--toast-bg: rgba(248, 251, 252, 0.95);
--toast-border-width: 1px;
--toast-border-color: var(--border-color-translucent);
--toast-border-radius: 0.25rem;
--toast-box-shadow: 0 0.5rem 1rem var(--shadow-color-medium);
--toast-header-color: #8b8c8d;
--toast-header-bg: rgba(248, 251, 252, 0.85);
--toast-header-border-color: rgba(0, 0, 0, 0.05);

/* ===== MODAL ===== */
--modal-zindex: 1050;
--modal-width: 500px;
--modal-padding: 1rem;
--modal-margin: 0.5rem;
--modal-color: ;
--modal-bg: var(--body-bg);
--modal-border-color: var(--border-color-translucent);
--modal-border-width: 1px;
--modal-border-radius: 0.3rem;
--modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--modal-inner-border-radius: calc(0.3rem - 1px);
--modal-header-padding-x: 1rem;
--modal-header-padding-y: 1rem;
--modal-header-padding: 1rem 1rem;
--modal-header-border-color: var(--border-color);
--modal-header-border-width: 1px;
--modal-title-line-height: 1.5;
--modal-footer-gap: 0.5rem;
--modal-footer-bg: ;
--modal-footer-border-color: var(--border-color);
--modal-footer-border-width: 1px;

/* ===== TOOLTIP ===== */
--tooltip-zindex: 1070;
--tooltip-max-width: 200px;
--tooltip-padding-x: 0.5rem;
--tooltip-padding-y: 0.25rem;
--tooltip-margin: ;
--tooltip-font-size: 0.875rem;
--tooltip-color: #fff;
--tooltip-bg: #112855;
--tooltip-border-radius: 0.25rem;
--tooltip-opacity: 0.9;
--tooltip-arrow-width: 0.8rem;
--tooltip-arrow-height: 0.4rem;

/* ===== POPOVER ===== */
--popover-zindex: 1060;
--popover-max-width: 276px;
--popover-font-size: 0.875rem;
--popover-bg: var(--body-bg);
--popover-border-width: 1px;
--popover-border-color: var(--border-color-translucent);
--popover-border-radius: 0.3rem;
--popover-inner-border-radius: calc(0.3rem - 1px);
--popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--popover-header-padding-x: 1rem;
--popover-header-padding-y: 0.5rem;
--popover-header-font-size: 1rem;
--popover-header-color: ;
--popover-header-bg: #f3f6f7;
--popover-body-padding-x: 1rem;
--popover-body-padding-y: 1rem;
--popover-body-color: var(--body-color);
--popover-arrow-width: 1rem;
--popover-arrow-height: 0.5rem;
--popover-arrow-border: var(--popover-border-color);

/* ===== SPINNER ===== */
--spinner-width: 2rem;
--spinner-height: 2rem;
--spinner-vertical-align: -0.125em;
--spinner-border-width: 0.25em;
--spinner-animation-speed: 0.75s;

/* ===== NAV TABS ===== */
--nav-tabs-border-width: 1px;
--nav-tabs-border-color: #d7e2e8;
--nav-tabs-border-radius: 0.25rem;
--nav-tabs-link-active-color: #112855;
--nav-tabs-link-active-bg: var(--body-bg);
--nav-tabs-link-active-border-color: #d7e2e8 #d7e2e8 var(--body-bg);

/* ===== NAV PILLS ===== */
--nav-pills-border-radius: 0.25rem;
--nav-pills-link-active-color: #fff;
--nav-pills-link-active-bg: #112855;

/* ===== TABLE ===== */
--table-color: var(--body-color);
--table-bg: transparent;
--table-border-color: #d7e2e8;
--table-accent-bg: transparent;
--table-striped-color: var(--body-color);
--table-striped-bg: rgba(163, 205, 226, 0.05);
--table-active-color: var(--body-color);
--table-active-bg: rgba(163, 205, 226, 0.1);

/* ===== BACKDROP ===== */
--backdrop-zindex: 1040;
--backdrop-bg: hsl(0, 0%, 0%);
--backdrop-opacity: 0.5;
}

.navbar-brand img {
	max-height: 100px;
	width: auto;
	height: auto;
}

/* ===== BUTTONS ===== */
.btn {
	--btn-padding-x: 1rem;
	--btn-padding-y: 0.6rem;
	--btn-font-family: inherit;
	--btn-font-size: 1rem;
	--btn-font-weight: 400;
	--btn-line-height: 1.5;
	--btn-color: #22272d;
	--btn-bg: #f3f6f7;
	--btn-border-width: 1px;
	--btn-border-color: transparent;
	--btn-border-radius: 0.25rem;
	--btn-active-border-color: transparent;
	--btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--btn-disabled-opacity: 0.65;
	--btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--btn-focus-shadow-rgb), .5);
	outline: 2px solid currentColor;
	outline-offset: 2px;
	display: inline-block;
	padding: var(--btn-padding-y) var(--btn-padding-x);
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	line-height: var(--btn-line-height);
	color: var(--btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--btn-border-width) solid var(--btn-border-color);
	border-radius: var(--btn-border-radius);
	background-color: var(--btn-bg);
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-primary {
	--btn-color: #fff;
	--btn-bg: #112855;
	--btn-border-color: #112855;
	--btn-hover-color: #fff;
	--btn-hover-bg: #0d1f42;
	--btn-hover-border-color: #0a1a38;
	--btn-focus-shadow-rgb: 17, 40, 85;
	--btn-active-color: #fff;
	--btn-active-bg: #0a1a38;
	--btn-active-border-color: #08152e;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #112855;
	--btn-disabled-border-color: #112855;
}

.btn-secondary {
	--btn-color: #fff;
	--btn-bg: #5c6670;
	--btn-border-color: #5c6670;
	--btn-hover-color: #fff;
	--btn-hover-bg: #4e5760;
	--btn-hover-border-color: #4a525a;
	--btn-focus-shadow-rgb: 92, 102, 112;
	--btn-active-color: #fff;
	--btn-active-bg: #4a525a;
	--btn-active-border-color: #454d55;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #5c6670;
	--btn-disabled-border-color: #5c6670;
}

.btn-success {
	--btn-color: #fff;
	--btn-bg: #2f8f67;
	--btn-border-color: #2f8f67;
	--btn-hover-color: #fff;
	--btn-hover-bg: #277858;
	--btn-hover-border-color: #257152;
	--btn-focus-shadow-rgb: 47, 143, 103;
	--btn-active-color: #fff;
	--btn-active-bg: #257152;
	--btn-active-border-color: #226a4d;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #2f8f67;
	--btn-disabled-border-color: #2f8f67;
}

.btn-info {
	--btn-color: #fff;
	--btn-bg: #27406f;
	--btn-border-color: #27406f;
	--btn-hover-color: #fff;
	--btn-hover-bg: #21365e;
	--btn-hover-border-color: #1f3358;
	--btn-focus-shadow-rgb: 39, 64, 111;
	--btn-active-color: #fff;
	--btn-active-bg: #1f3358;
	--btn-active-border-color: #1d3053;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #27406f;
	--btn-disabled-border-color: #27406f;
}

.btn-warning {
	--btn-color: #22272d;
	--btn-bg: #eec234;
	--btn-border-color: #eec234;
	--btn-hover-color: #22272d;
	--btn-hover-bg: #d4ae2d;
	--btn-hover-border-color: #c9a52a;
	--btn-focus-shadow-rgb: 238, 194, 52;
	--btn-active-color: #22272d;
	--btn-active-bg: #c9a52a;
	--btn-active-border-color: #be9c28;
	--btn-disabled-color: #22272d;
	--btn-disabled-bg: #eec234;
	--btn-disabled-border-color: #eec234;
}

.btn-danger {
	--btn-color: #fff;
	--btn-bg: #df4830;
	--btn-border-color: #df4830;
	--btn-hover-color: #fff;
	--btn-hover-bg: #c03e28;
	--btn-hover-border-color: #b53b26;
	--btn-focus-shadow-rgb: 223, 72, 48;
	--btn-active-color: #fff;
	--btn-active-bg: #b53b26;
	--btn-active-border-color: #aa3823;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #df4830;
	--btn-disabled-border-color: #df4830;
}

.btn-light {
	--btn-color: #22272d;
	--btn-bg: #f8fbfc;
	--btn-border-color: #f8fbfc;
	--btn-hover-color: #22272d;
	--btn-hover-bg: #d5d8d9;
	--btn-hover-border-color: #c7cacc;
	--btn-focus-shadow-rgb: 212, 215, 216;
	--btn-active-color: #22272d;
	--btn-active-bg: #c7cacc;
	--btn-active-border-color: #bbbebf;
	--btn-disabled-color: #22272d;
	--btn-disabled-bg: #f8fbfc;
	--btn-disabled-border-color: #f8fbfc;
}

.btn-dark {
	--btn-color: #fff;
	--btn-bg: #22272d;
	--btn-border-color: #22272d;
	--btn-hover-color: #fff;
	--btn-hover-bg: #3b3f45;
	--btn-hover-border-color: #383c42;
	--btn-focus-shadow-rgb: 34, 39, 45;
	--btn-active-color: #fff;
	--btn-active-bg: #4e5257;
	--btn-active-border-color: #383c42;
	--btn-disabled-color: #fff;
	--btn-disabled-bg: #22272d;
	--btn-disabled-border-color: #22272d;
}

.btn-outline-primary {
	--btn-color: #112855;
	--btn-border-color: #112855;
	--btn-hover-color: #fff;
	--btn-hover-bg: #112855;
	--btn-hover-border-color: #112855;
	--btn-focus-shadow-rgb: 17, 40, 85;
	--btn-active-color: #fff;
	--btn-active-bg: #112855;
	--btn-active-border-color: #112855;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #112855;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #112855;
	--gradient: none;
}

.btn-outline-secondary {
	--btn-color: #5c6670;
	--btn-border-color: #5c6670;
	--btn-hover-color: #fff;
	--btn-hover-bg: #5c6670;
	--btn-hover-border-color: #5c6670;
	--btn-focus-shadow-rgb: 92, 102, 112;
	--btn-active-color: #fff;
	--btn-active-bg: #5c6670;
	--btn-active-border-color: #5c6670;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #5c6670;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #5c6670;
	--gradient: none;
}

.btn-outline-success {
	--btn-color: #2f8f67;
	--btn-border-color: #2f8f67;
	--btn-hover-color: #fff;
	--btn-hover-bg: #2f8f67;
	--btn-hover-border-color: #2f8f67;
	--btn-focus-shadow-rgb: 47, 143, 103;
	--btn-active-color: #fff;
	--btn-active-bg: #2f8f67;
	--btn-active-border-color: #2f8f67;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #2f8f67;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #2f8f67;
	--gradient: none;
}

.btn-outline-info {
	--btn-color: #27406f;
	--btn-border-color: #27406f;
	--btn-hover-color: #fff;
	--btn-hover-bg: #27406f;
	--btn-hover-border-color: #27406f;
	--btn-focus-shadow-rgb: 39, 64, 111;
	--btn-active-color: #fff;
	--btn-active-bg: #27406f;
	--btn-active-border-color: #27406f;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #27406f;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #27406f;
	--gradient: none;
}

.btn-outline-warning {
	--btn-color: #eec234;
	--btn-border-color: #eec234;
	--btn-hover-color: #22272d;
	--btn-hover-bg: #eec234;
	--btn-hover-border-color: #eec234;
	--btn-focus-shadow-rgb: 238, 194, 52;
	--btn-active-color: #22272d;
	--btn-active-bg: #eec234;
	--btn-active-border-color: #eec234;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #eec234;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #eec234;
	--gradient: none;
}

.btn-outline-danger {
	--btn-color: #df4830;
	--btn-border-color: #df4830;
	--btn-hover-color: #fff;
	--btn-hover-bg: #df4830;
	--btn-hover-border-color: #df4830;
	--btn-focus-shadow-rgb: 223, 72, 48;
	--btn-active-color: #fff;
	--btn-active-bg: #df4830;
	--btn-active-border-color: #df4830;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #df4830;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #df4830;
	--gradient: none;
}

.btn-outline-light {
	--btn-color: #f8fbfc;
	--btn-border-color: #f8fbfc;
	--btn-hover-color: #22272d;
	--btn-hover-bg: #f8fbfc;
	--btn-hover-border-color: #f8fbfc;
	--btn-focus-shadow-rgb: 248, 251, 252;
	--btn-active-color: #22272d;
	--btn-active-bg: #f8fbfc;
	--btn-active-border-color: #f8fbfc;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #f8fbfc;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #f8fbfc;
	--gradient: none;
}

.btn-outline-dark {
	--btn-color: #22272d;
	--btn-border-color: #22272d;
	--btn-hover-color: #fff;
	--btn-hover-bg: #22272d;
	--btn-hover-border-color: #22272d;
	--btn-focus-shadow-rgb: 34, 39, 45;
	--btn-active-color: #fff;
	--btn-active-bg: #22272d;
	--btn-active-border-color: #22272d;
	--btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--btn-disabled-color: #22272d;
	--btn-disabled-bg: transparent;
	--btn-disabled-border-color: #22272d;
	--gradient: none;
}

.btn-link {
	--btn-font-weight: 400;
	--btn-color: var(--color-link);
	--btn-bg: #f3f6f7;
	--btn-border-color: transparent;
	--btn-hover-color: var(--link-hover-color);
	--btn-hover-border-color: transparent;
	--btn-active-color: var(--link-hover-color);
	--btn-active-border-color: transparent;
	--btn-disabled-color: #8b8c8d;
	--btn-disabled-border-color: transparent;
	--btn-box-shadow: none;
	--btn-focus-shadow-rgb: 17, 40, 85;
	text-decoration: underline;
}