/**
 * Gorilla Support — DEFAULT SKIN.
 *
 * Sets every --gs-* token the structural stylesheet (search.css) consumes. This is
 * the ONE file a host copies-and-edits, or dequeues wholesale (handle
 * `gorilla-support-theme`) and replaces, to re-brand the widget — structure keeps
 * working untouched. Override a single token to shift one thing; swap the file to
 * re-skin everything. No `!important` needed anywhere.
 *
 * The defaults mirror the Seresa brand (navy / cerise / teal / lavender / cream,
 * Posterama headings + DM Sans body). Change them freely — nothing here is load-bearing.
 *
 * @since 1.0.0
 */

.gorilla-search {
	/* Palette (Seresa brand) */
	--gs-accent: #DE3163;            /* cerise */
	--gs-accent-2: #5CC8B0;          /* teal */
	--gs-navy: #12102e;
	--gs-lavender: #C4B6E0;
	--gs-cream: #f4f0e8;

	/* Type */
	--gs-font: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--gs-heading: 'PosteramaTextW15', 'DM Sans', system-ui, sans-serif;
	--gs-title-weight: 500;
	--gs-input-size: 1rem;
	--gs-title-size: 0.98rem;
	--gs-excerpt-size: 0.85rem;
	--gs-chip-size: 0.7rem;

	/* Text colours */
	--gs-text: var(--gs-cream);
	--gs-muted: #9088a8;

	/* Field */
	--gs-max-width: 620px;
	--gs-field-bg: #1a1640;
	--gs-field-border: rgba(176, 160, 212, 0.22);
	--gs-field-border-width: 1px;
	--gs-field-radius: 14px;
	--gs-field-pad-x: 16px;
	--gs-field-pad-y: 12px;
	--gs-bar-gap: 10px;
	--gs-focus-ring: rgba(222, 49, 99, 0.28);
	--gs-focus-ring-width: 3px;

	/* Results */
	--gs-result-bg: #1a1640;
	--gs-result-hover: #221e4a;
	--gs-result-radius: 14px;
	--gs-result-item-radius: 10px;
	--gs-results-gap: 8px;
	--gs-results-pad: 6px;
	--gs-result-pad-x: 14px;
	--gs-result-pad-y: 10px;
	--gs-results-max-height: 420px;
	--gs-results-max-height-mobile: 60vh;
	--gs-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);

	/* Category chip */
	--gs-chip-bg: rgba(92, 200, 176, 0.16);
	--gs-chip-text: var(--gs-accent-2);
	--gs-chip-radius: 999px;
	--gs-chip-pad-x: 8px;
	--gs-chip-pad-y: 3px;
	--gs-chip-gap: 6px;
	--gs-excerpt-gap: 6px;

	/* Layering */
	--gs-z: 9999;
}