/*
 * Monochrome theme layer (shadcn neutral palette).
 * Loaded last. Remove its enqueue in functions.php to roll back the token layer;
 * full pre-change copies live in _backups/monochrome-20261018-075415/.
 */

:root {
	/* Surfaces */
	--bg-main: #fcfcfc;
	--bg-surface: #ffffff;
	--bg-dark: #000000;
	--bg-dark-soft: #171717;

	/* Text */
	--text-primary: #000000;
	--text-muted: #525252;
	--text-on-dark: #ffffff;
	--text-muted-on-dark: #a1a1a1;

	/* Accent is now ink: black on light, white inside dark sections (below) */
	--accent-orange: #000000;
	--accent-orange-hover: #262626;
	--accent-orange-rgb: 0, 0, 0;

	/* Lines */
	--border: #e5e5e5;
	--border-strong: #d4d4d4;

	/* Legacy aliases */
	--midnight: #f5f5f5;
	--slate: #ffffff;
	--slate-2: #f5f5f5;
	--gold: #000000;
	--gold-dim: #262626;
	--flare: #000000;
	--warm-white: #ffffff;
	--off-white: #000000;
	--muted: #525252;
	--line: #e5e5e5;
	--line-strong: #d4d4d4;

	/* Buttons */
	--c-ink: #000000;
	--c-paper: #ffffff;

	/* Type */
	--font-head: "Geist", system-ui, sans-serif;
	--font-body: "Geist", system-ui, sans-serif;
	--font-label: "Geist", system-ui, sans-serif;
	--font-mono: "Geist Mono", ui-monospace, monospace;

	/* Shape */
	--radius: 0.5rem;
	--radius-sm: 0.25rem;

	/* Shadows (shadcn: 0 1px 2px @ 18%) */
	--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.18);
	--shadow: 0 1px 2px 0 rgb(0 0 0 / 0.18), 0 1px 3px -1px rgb(0 0 0 / 0.18);
	--shadow-lg: 0 4px 12px -2px rgb(0 0 0 / 0.18);

	/* Feedback */
	--destructive: #e7000b;
}

body {
	background: var(--bg-main);
	color: var(--text-primary);
}

::selection {
	background: #000000;
	color: #ffffff;
}

/* Dark sections: accent flips to white so labels, icons and dots stay visible */
.hero,
.marquee-strip,
.testimonials,
.cta-banner,
footer,
.ic-slide,
.abs-fdr,
.abs-problem__stats,
.abs-ctab__card {
	--accent-orange: #ffffff;
	--accent-orange-hover: #e5e5e5;
	--accent-orange-rgb: 255, 255, 255;
}

/* Accent button inside dark sections: white pill, black circle, white arrow */
:is(.hero, .testimonials, .cta-banner, footer, .abs-fdr, .abs-ctab__card) .btn-accent {
	color: #000000;
	--btn-circle-bg: #000000;
	--btn-arrow-color: #ffffff;
}

/* CTA banner accent is set inline from the admin; force monochrome */
.abs-ctab {
	--ctab-accent: #ffffff !important;
	--ctab-ink: #000000;
	--ctab-paper: #f5f5f5;
	--ctab-muted: #a1a1a1;
	--ctab-soft: #d4d4d4;
}

/* Founder section */
.abs-fdr {
	--abs-fdr-accent: #ffffff;
	--abs-fdr-ink: #0a0a0a;
	--abs-fdr-panel: #171717;
	--abs-fdr-text: #f5f5f5;
	--abs-fdr-body: #a1a1a1;
	--abs-fdr-muted: #8a8a8a;
	--abs-fdr-display: "Geist", system-ui, sans-serif;
}

/* Icon circles sitting on light pill buttons inside dark sections */
.abs-ctab__btn-icon,
.abs-fdr .abs-fdr__btn-icon {
	background: #000000;
	color: #ffffff;
}

/* Editable stats sections: drop the multi-colour palette */
.abs-stats {
	--abs-fg: #000000;
	--abs-muted-fg: #525252;
	--abs-primary: #000000;
	--abs-radius: 0.5rem;
}

.abs-stat,
.abs-stat--navy,
.abs-stat--sky,
.abs-stat--teal,
.abs-stat--green,
.abs-stat--magenta,
.abs-stat--rust {
	--c: #000000;
}