/**
* Theme Name: callido
* Description: callido — child theme of Softy Solutions. Brand identity for callido.dev / callido.nl. Minimal by design — overrides go in incrementally and only when needed. See repo CLAUDE.md for the brand cliffs notes.
* Author: callido
* Author URI: https://callido.dev/
* Template: softy-solutions
* Version: 1.2.0
* Tested up to: 6.9
* Requires PHP: 8.0
* License:
* License URI:
* Text Domain: callido
*/

/* ----------------------------------------------------------------------------
   callido brand tokens — Brand Book 2026 §04 (Color Palette).
   These mirror Elementor's Global Colors (system + custom palette) so any
   selector in this stylesheet OR inline CSS in widgets can reach them with
   `var(--callido-blue)` etc. without depending on Elementor's runtime.
   ---------------------------------------------------------------------------- */

:root {
	/* Primary blues — extracted from the raccoon mark */
	--callido-navy:   #101431;   /* Mask Navy   — headings, wordmark, depth */
	--callido-steel:  #1D6BA9;   /* Steel Blue  — mid accents, link hover */
	--callido-blue:   #4499D9;   /* Callido Blue — PRIMARY action color */
	--callido-frost:  #B6DAF4;   /* Frost       — light fills, cards */
	--callido-ice:    #E2EFF9;   /* Ice         — backgrounds, highlights */

	/* Neutrals */
	--callido-white:  #FFFFFF;
	--callido-off:    #FAFAF8;   /* Off-white   — page bg, light-first default */
	--callido-warm:   #F3F1ED;   /* Warm Gray   — cards, elevated surfaces */
	--callido-border: #E0DDD7;
	--callido-tert:   #9A9DAB;   /* Tertiary    — disabled / placeholder text */
	--callido-sec:    #5A5E78;   /* Secondary   — body text */

	/* Accents — use sparingly per Brand Book §04 */
	--callido-amber:  #BA7517;   /* secondary CTA */
	--callido-teal:   #0F6E56;   /* success states */
	--callido-red:    #D93B3B;   /* errors, alerts */
}

/* No selectors below this line — tokens only.
   Per-element brand color application happens via Elementor's color
   picker (custom palette has the named brand tokens), not via CSS overrides.
   Exception: the [callido_lang_switcher] shortcode below — it's our own
   markup, not the theme's, so styling it here is safe. */

.callido-lang-switcher {
	display: inline-flex;
	list-style: none;
	margin: 0 16px;
	padding: 0;
	gap: 10px;
	align-items: center;
	white-space: nowrap;
	font-family: inherit;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	line-height: 1;
}
.callido-lang-switcher li { display: inline-block; padding: 0; margin: 0; }
.callido-lang-switcher li a {
	display: inline-block;
	padding: 4px 6px;
	color: var(--callido-tert);
	text-decoration: none;
	transition: color .15s ease;
}
.callido-lang-switcher li a:hover { color: var(--callido-blue); }
.callido-lang-switcher li.current-lang a {
	color: var(--callido-navy);
	font-weight: 700;
}
.callido-lang-switcher li + li::before {
	content: "/";
	color: var(--callido-border);
	padding-right: 8px;
}