/* Webbytroops — Design tokens. Single source of truth for all custom CSS in this theme. */

:root {
	--nw-bg: #F8F9FA;
	--nw-bg-soft: #FFF7E8;
	--nw-accent: #10059f;
	--nw-pink: #0000ff;
	--nw-ink: #000000;
	--nw-levender: #f3f1ff;
	--nw-line: #e6e5f2;
	--nw-form-ink: #606266;
	--nw-muted: #5b6066;
	--nw-card: #ffffff;
	--nw-card-soft: #F4F8C8;
	--nw-border: #dadbdd;
	--nw-radius: 18px;
	--nw-form-radius: 7px;
	--nw-radius-lg: 24px;
	--nw-shadow: 0 6px 28px rgba(17, 21, 24, 0.06);
}

/* Mega-menu roles. The Services/Compact menus read only these aliases, so a
 * palette change happens here, not in the component sheets. The off-canvas
 * drawer is near-black (Blocksy rgba(18,21,25,.98)), so its text roles are
 * light-on-dark: plain --nw-ink there would be invisible, and --nw-pink is
 * too dark to read (~2.4:1), hence the lightened emphasis (~6:1). */
:root {
	--nw-mega-surface: var(--nw-card);
	--nw-mega-soft: var(--nw-levender);
	--nw-mega-ink: var(--nw-ink);
	--nw-mega-muted: var(--nw-muted);
	--nw-mega-highlight: var(--nw-accent);
	--nw-mega-emphasis: var(--nw-pink);
	--nw-mega-border: var(--nw-line);
	--nw-mega-radius-sm: 12px;
	--nw-mega-shadow-soft: 0 4px 14px color-mix(in srgb, var(--nw-accent) 8%, transparent);
	--nw-mega-shadow-panel: 0 16px 40px color-mix(in srgb, var(--nw-accent) 12%, transparent);
	--nw-mega-drawer-ink: #ffffff;
	--nw-mega-drawer-emphasis: color-mix(in srgb, var(--nw-pink) 45%, #ffffff);
	--nw-mega-drawer-line: rgba(255, 255, 255, 0.12);
	--nw-mega-trigger-z: 11;
}