/* ============================================================================
 * Canopy SH — "Shomer Hasaf" navy + gold scheme (shomerhasaf.co.il inspired)
 * ----------------------------------------------------------------------------
 * Thin palette layer that loads AFTER themis-facelift.css (the V1 structural
 * base). The base is left byte-identical: this file only (a) remaps the base's
 * --cy-* accent/chrome tokens to the Shomer Hasaf graphite/navy/gold palette —
 * so every token-driven rule in the base re-colors automatically — and (b) adds
 * the handful of structural overrides the SH look needs (gold active-menu pill,
 * gold table carets, inverted view-tabs, gold input focus).
 *
 * NOTE on token names: the base names its accent slots --cy-green-* / --cy-navy-*
 * for historical reasons. Here those slots simply hold navy / graphite values —
 * read them as "primary accent" / "chrome", not literally green/navy.
 *
 * Gating: both stylesheets are always loaded; the root carries .tc-root-branding-
 * canopy (facelift base, V1+SH) and, for SH only, ALSO .tc-root-branding-canopy-sh.
 * So every rule here is scoped under .tc-root-branding-canopy-sh — inert unless the
 * SH gate class is present. Token remaps and structural overrides match the base
 * selector's specificity and win by load order (this file loads after the base).
 * ========================================================================== */

.tc-root-branding-canopy-sh {
	/* chrome (sidebar) → graphite, not blue */
	--cy-navy-900: #34383b;   /* sidebar base / gradient bottom */
	--cy-navy-800: #3d4145;   /* sidebar top / hover */

	/* primary structural accent → Shomer Hasaf slate navy */
	--cy-green-600: #273f57;  /* table header, buttons, switch, progress, headings */
	--cy-green-500: #33526f;  /* hover / bright */
	--cy-green-050: rgba(39, 63, 87, 0.06);   /* row hover tint */
	--cy-green-tint: rgba(39, 63, 87, 0.16);  /* (menu active is overridden to gold below) */

	/* gold accent family (brand) */
	--cy-gold: #E3B20F;
	--cy-gold-bright: #F0D570;
	--cy-gold-deep: #C98619;

	/* highlight / focus → gold */
	--cy-focus: rgba(227, 178, 15, 0.32);

	/* textual links → brand blue (good contrast on white) */
	--cy-link: #00457A;

	/* neutral cool content background */
	--cy-bg: #F4F5F7;
}


/* Sidebar active menu → gold pill (the hero accent), dark slate text.
 * Overrides the base's green-tint bg + side-bar treatment. */
.tc-root-branding-canopy-sh .tc-menu .tc-menu-item.tc-menu-current > .tc-menu-button,
.tc-root-branding-canopy-sh .tc-menu .tc-menu-item.tc-menu-current-parent.tc-menu-closed > .tc-menu-button {
	color: #273f57;
	background: linear-gradient(180deg, var(--cy-gold-bright) 0%, var(--cy-gold) 100%);
}

/* a full gold pill replaces the base's green accent bar */
.tc-root-branding-canopy-sh .tc-menu .tc-menu-item.tc-menu-current > .tc-menu-button:before {
	display: none;
}


/* Table header sort carets → gold (base sets them translucent white) */
.tc-root-branding-canopy-sh .tc-table .tc-table-column .tc-table-column-title > .tc-icon {
	color: var(--cy-gold-bright);
}


/* (View tabs are styled in the base facelift now — the folder-tab shape + the
 * "selected = panel surface" logic live there and recolor automatically through
 * the --cy-green-600 token, so SH needs no tab override.) */


/* Input focus border → gold (the soft gold ring already comes from --cy-focus) */
.tc-root-branding-canopy-sh .tc-input:focus,
.tc-root-branding-canopy-sh .tc-input.tc-focus {
	border-color: var(--cy-gold);
}


/* Disabled main button → neutral gray (base used a green-tinted gray) */
.tc-root-branding-canopy-sh .tc-button.tc-button-main.tc-disabled {
	background-color: #9aa6b0;
}


/* Textual links → brand blue (base routes these through the navy accent slot) */
.tc-root-branding-canopy-sh .tc-button.tc-button-no-background,
.tc-root-branding-canopy-sh .tc-button.tc-button-main.tc-button-no-background,
.tc-root-branding-canopy-sh .tc-form .tc-form-description a,
.tc-root-branding-canopy-sh .tc-button > b {
	color: var(--cy-link);
}

.tc-root-branding-canopy-sh .tc-button.tc-button-no-background:hover,
.tc-root-branding-canopy-sh .tc-button.tc-button-no-background.tc-hover,
.tc-root-branding-canopy-sh .tc-button.tc-button-main.tc-button-no-background:hover,
.tc-root-branding-canopy-sh .tc-button.tc-button-main.tc-button-no-background.tc-hover {
	color: #0a5d9e;
}

/* keep sidebar link-buttons light on the graphite chrome (base sets the color
 * via --cy navy text; re-assert here since the link rule above would darken them) */
.tc-root-branding-canopy-sh .tc-sidebar .tc-button.tc-button-no-background {
	color: #c5cdc8;
}

.tc-root-branding-canopy-sh .tc-sidebar .tc-button.tc-button-no-background:hover,
.tc-root-branding-canopy-sh .tc-sidebar .tc-button.tc-button-no-background.tc-hover {
	color: #ffffff;
}