/*
    CSS Red Diamond Theme - Consolidated Shipping Services
    Dark charcoal (#2e3239) + CSS Red (#c41b1b) with angular diamond-cut design.
    Covers ALL customer-facing pages.

    USAGE: Activate via Admin → Settings → General → Customer Theme → css_red_diamond
    NOTE:  core_overrides.css and theme_overrides.css apply this theme automatically
           without admin activation — this file exists as the formal theme entry.
*/

/* ====================================================================
   SECTION 1: CSS Variable Overrides
   ==================================================================== */
:root {
    --primary:    #2e3239;
    --secondary:  #c41b1b;
    --tertiary:   #e63333;

    --surface:           #ffffff;
    --foreground:        #ffffff;
    --main-background:   #f0f0f2;

    --font__pri-clr: #2e3239;
    --font__sec-clr: #525760;

    --header__bg:                        #2e3239;
    --header_logo__clr:                  #ffffff;
    --header_nav__clr:                   #dde0e5;
    --header_nav__hover_clr:             #e63333;
    --header_profile__clr:               #ffffff;
    --header_profile__menu-bg:           #ffffff;
    --header_profile__user-avatar-bg:    #c41b1b;
    --header_profile__mobile-user-avatar-bg: #c41b1b;

    --icon_circle__clr:           #ffffff;
    --icon_circle__bg:            #c41b1b;
    --navlink_icon_hover__clr:    #ffffff;
    --navlink_icon_hover__bg:     #8b0000;

    --navlink__bg:         #ffffff;
    --navlink__clr:        #525760;
    --navlink__hover-bg:   #fff5f5;
    --navlink__title-clr:  #2e3239;

    --search__bg:                    #2e3239;
    --search__clr:                   #1a1d22;
    --search__title-clr:             #ffffff;
    --search__icon-fill:             #c41b1b;
    --search__input-bg:              #ffffff;
    --search__input-placeholder-clr: #999999;

    --btn__bg-clr-pri:      #c41b1b;
    --btn__clr-pri:         #ffffff;
    --btn__border-clr-pri:  #8b0000;

    --link__pri-clr:        #c41b1b;
    --link__pri-hover-clr:  #8b0000;
    --link__sec-clr:        #c41b1b;
    --link__sec-hover-clr:  #8b0000;

    --preview__title-clr:          #c41b1b;
    --preview__hover-bg:           #fff5f5;
    --preview__hover-icon-fill:    #ffffff;
    --preview__border-clr:         #c41b1b;
    --suggest_preview__title-clr:  #c41b1b;
    --article_preview__hover-clr:  #8b0000;
    --article_preview_suggestion_clr: #2e3239;

    --breadcrumbs__a-clr:        #c41b1b;
    --breadcrumbs__a-hover-clr:  #8b0000;

    --table_row__bg:        #f8f8f8;
    --table_row__bg-even:   #fff0f0;
    --table_row__bg-hover:  #ffffff;

    --dropdown__border-clr:        #c41b1b;
    --dropdown__hover-bg:          #c41b1b;
    --dropdown__hover-clr:         #ffffff;
    --dropdown_ver2__border-clr:   #2e3239;

    --input-bg:   #ffffff;
    --input-clr:  #2e3239;

    --notification__clr: #2e3239;

    --radio__fill-clr:   #c41b1b;
    --radio__hover-bg:   #fff0f0;

    --step_bar__item-clr: #c41b1b;

    --datepicker_btn__bg:  #c41b1b;
    --datepicker_btn__clr: #ffffff;
    --datepicker__clr:     #c41b1b;
}

/* ====================================================================
   SECTION 2: All structural styles are in core_overrides.css
   which is always loaded. This section is intentionally minimal.
   ==================================================================== */