/* SPDX-FileCopyrightText: 2026 CV-BO
 * SPDX-License-Identifier: MIT
 *
 * Design tokens — shared design system (DESIGN-SYSTEM.md, CVB-28).
 * Single source of truth for both external and internal sites.
 */

:root {
	/* ---- Primary ---- */
	--color-primary: #1b4f72;
	--color-primary-light: #2d6a8f;
	--color-primary-dark: #0e334f;
	--color-primary-50: #e8f0f7;

	/* ---- Secondary / Accent ---- */
	--color-accent: #2e9a5e;
	--color-accent-hover: #25844e;
	--color-warning: #e6a817;
	--color-danger: #c0392b;

	/* ---- Neutrals ---- */
	--color-gray-100: #f8f9fa;
	--color-gray-200: #e9ecef;
	--color-gray-300: #dee2e6;
	--color-gray-400: #adb5bd;
	--color-gray-500: #6c757d;
	--color-gray-600: #495057;
	--color-gray-700: #343a40;
	--color-gray-800: #212529;
	--color-white: #ffffff;

	/* ---- Semantic (internal site) ---- */
	--color-info: #2980b9;
	--color-muted: #95a5a6;

	/* ---- Brand palette (external site extension) ---- */
	--brand-yellow: #f9dc13;
	--brand-yellow-soft: #fbea97;
	--brand-yellow-pale: #fdf6e3;
	--brand-yellow-deep: #d4b830;
	--brand-green: #007c64;
	--brand-green-dark: #00493b;
	--brand-green-light: #d9ebe8;
	--brand-green-soft: #f0f7f5;
	--brand-mint: #e8f1ef;

	/* ---- Shadows ---- */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.05);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
	/* Shadows specific to external site's design (not in DESIGN-SYSTEM.md) */
	--cv-shadow: 0 18px 40px rgba(36, 28, 21, 0.08);
	--cv-shadow-sm: 0 4px 12px rgba(36, 28, 21, 0.06);
	--cv-shadow-md: 0 8px 24px rgba(36, 28, 21, 0.08);
	--cv-shadow-hover: 0 12px 32px rgba(36, 28, 21, 0.1);

	/* ---- Spacing ---- */
	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-8: 48px;
	--space-10: 64px;
	--space-12: 96px;

	/* ---- Radius ---- */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--radius-full: 9999px;

	/* ---- Typography ---- */
	--font-heading: 'Libre Baskerville', serif;
	--font-body:
		'Source Sans 3', 'system-ui', -apple-system, 'Segoe UI', Roboto,
		'Helvetica Neue', Arial, sans-serif;

	/* ---- Transition ---- */
	--transition: 180ms ease;
}