/**
 * OPTIMUS Wiki — Design Tokens (CSS)
 * Source of truth mirrored from design-tokens.php
 * Primary: #127FAE (ELMS blue)
 */

:root {
	/* ===== Primitives ===== */
	--ds-blue-500: #127FAE;
	--ds-blue-600: #0E6A92;
	--ds-green-500: #00b682;
	--ds-green-600: #00956b;
	--ds-ink-900: #15202b;
	--ds-ink-600: #5b6b7c;
	--ds-gray-100: #e6ebf0;
	--ds-gray-50: #f5f7fa;
	--ds-white: #ffffff;
	--ds-black: #0c1218;

	/* ===== Semantic ===== */
	--ds-color-primary: var(--ds-blue-500);
	--ds-color-primary-hover: var(--ds-blue-600);
	--ds-color-accent: var(--ds-color-primary);
	--ds-color-accent-hover: var(--ds-color-primary-hover);
	--ds-color-brand: var(--ds-color-primary);
	--ds-color-success: var(--ds-green-500);
	--ds-color-ink: var(--ds-ink-900);
	--ds-color-muted: var(--ds-ink-600);
	--ds-color-border: var(--ds-gray-100);
	--ds-color-surface: var(--ds-gray-50);
	--ds-color-surface-deep: #e8eef4;
	--ds-color-card: var(--ds-white);
	--ds-color-bg: var(--ds-white);
	--ds-color-focus: var(--ds-color-primary);

	/* Single-doc search hero — deep surface + brand glow */
	--ds-color-search-hero: #0c1822;
	--ds-color-search-hero-mid: #122433;
	--ds-color-search-hero-ink: #f4f7fa;
	--ds-color-search-hero-muted: #9aabbc;

	--ds-radius-sm: 8px;
	--ds-radius-md: 12px;
	--ds-radius-lg: 16px;
	--ds-radius-pill: 999px;

	--ds-space-max: 1120px;

	/* Typography — Headings: Manrope · Body: Inter */
	--ds-font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ds-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ds-font-sans: var(--ds-font-body);

	/* ===== Legacy aliases ===== */
	--optimus-accent: var(--ds-color-primary);
	--optimus-accent-dark: var(--ds-color-primary-hover);
	--optimus-ink: var(--ds-color-ink);
	--optimus-muted: var(--ds-color-muted);
	--optimus-line: var(--ds-color-border);
	--optimus-surface: var(--ds-color-surface);
	--optimus-card: var(--ds-color-card);
	--optimus-radius: var(--ds-radius-md);
	--optimus-max: var(--ds-space-max);
}