/*
 * Voyage Monde palette.
 *
 * The layout and components come unchanged from the original template CSS
 * (assets/vendor/css). This file only swaps its colours for the colours of
 * the Voyage Monde logo: blue + orange, with a navy and light tints that
 * blend with them.
 *
 *   Blue        #1670B5  (logo blue, darkened a touch for readable white text)
 *   Light blue  #30A8D8  (logo cyan highlight)
 *   Orange      #F07A30  (logo orange)
 *   Deep orange #D8601F  (logo orange shadow)
 *   Navy        #0B3A5E  (logo outline)
 *   Ink         #0B2540  (headings, dark text)
 *   Sky tint    #F2F8FC  (page background)
 *   Peach tint  #FFF1E6  (soft panels)
 */

:root {
	--tr-common-white: #FFFFFF;
	--tr-common-black: #0B2540;
	--tr-heading-primary: #0B2540;
	--tr-grey-1: #F2F8FC;
	--tr-text-body: #4C5B6B;
	--tr-theme-1: #1670B5;
	--tr-theme-2: #F07A30;
	--tr-theme-3: #0B3A5E;
	--tr-border-1: #E1EBF3;
	--vymo-light-blue: #30A8D8;
	--vymo-deep-orange: #D8601F;
	--vymo-navy: #0B3A5E;
	--vymo-peach: #FFF1E6;
	--vymo-sky: #E2F0FB;
}

/* Hard-coded colours in the original CSS ---------------------------------- */

.tr-breadcurmb-bg {
	background-color: var(--vymo-sky);
}

.tr-breadcurmb-title,
.tr-breadcurmb-list span a:hover {
	color: var(--tr-theme-1);
}

.tr-price-thumb,
.tr-trip-style-2 .tr-trip-item,
.tr-hero-widget-icon span,
.tr-about-2-thumb-wrap .tr-about-client {
	background-color: var(--vymo-peach);
}

.sidebar-widget-title,
.sidebar-widget-list a.active {
	color: var(--vymo-deep-orange);
}

.postbox-content-box blockquote {
	border-color: #F5B183;
}

.postbox-content-box blockquote::before {
	color: #F5B183;
}

.postbox-content-box table tr:first-child td,
.postbox-content-box table th {
	background-color: var(--tr-theme-1);
}

.tr-trip-location {
	color: var(--tr-text-body);
}

.tr-trip-location i {
	color: var(--tr-theme-2);
}

/* Footer: navy instead of near-black (solid, so the mountain shape above it matches exactly). */
.tr-footer-overlay::after {
	background-color: #102C46;
}

/* Call-to-action band: logo orange, deepened so the white text stays readable. */
.tr-cta-area .tr-cta-wrap {
	background: linear-gradient(135deg, var(--tr-theme-2) 0%, var(--vymo-deep-orange) 100%);
}

/* Subscribe band: logo blue gradient. */
.tr-subscribe-bg {
	background: linear-gradient(135deg, var(--tr-theme-1) 0%, var(--vymo-navy) 100%);
}

/* Header top bar. */
.tr-header-top-area {
	background: linear-gradient(90deg, var(--vymo-navy) 0%, var(--tr-theme-1) 100%);
}

/* Section subtitles in orange like the logo's second word. */
.tr-section-subtitle {
	color: var(--vymo-deep-orange);
}

/* Buttons: blue, hover to orange. */
.tr-btn-green:hover,
.tr-header-area .tr-btn:hover {
	border-color: var(--tr-theme-2);
	background-color: var(--tr-theme-2);
	color: var(--tr-common-white);
}

.tr-greview-stars {
	color: var(--tr-theme-2);
}

/* Breadcrumb trail (original was hard-coded brown). */
.tr-breadcurmb-list span,
.tr-breadcurmb-list i,
.tr-breadcurmb-list a {
	color: var(--vymo-deep-orange);
}