/**
 * OEMitra Design Tokens — canonical shared variables.
 * Loaded before route-specific stylesheets.
 */

:root {
	/* Brand */
	--oemitra-primary: #0f2b5b;
	--oemitra-primary-dark: #0a1f42;
	--oemitra-primary-light: #1a3f7a;
	--oemitra-secondary: #f59e0b;
	--oemitra-secondary-dark: #d97706;
	--oemitra-accent: #f59e0b;
	--oemitra-whatsapp: #25d366;

	/* Surfaces */
	--oemitra-bg: #f8fafc;
	--oemitra-surface: #ffffff;
	--oemitra-surface-alt: #f1f5f9;
	--oemitra-text: #0f172a;
	--oemitra-muted: #64748b;
	--oemitra-border: #e2e8f0;
	--oemitra-white: #ffffff;

	/* Layout */
	--oemitra-max: 1280px;
	--oemitra-gutter: clamp(1rem, 3vw, 1.5rem);
	--oemitra-section-y: clamp(2.5rem, 5vw, 4.5rem);
	--oemitra-section-y-md: clamp(2rem, 4vw, 3.5rem);
	--oemitra-section-y-sm: clamp(1.5rem, 3vw, 2.5rem);

	/* Components */
	--oemitra-radius-card: 14px;
	--oemitra-radius-btn: 10px;
	--oemitra-radius-pill: 999px;
	--oemitra-shadow-card: 0 8px 30px rgba(15, 23, 42, 0.08);
	--oemitra-shadow-hover: 0 16px 40px rgba(15, 23, 42, 0.12);
	--oemitra-btn-min: 2.75rem;
	--oemitra-gap: 1.5rem;

	/* Typography */
	--oemitra-font-display: "Hanken Grotesk", "DM Sans", system-ui, sans-serif;
	--oemitra-font-body: "Inter", system-ui, sans-serif;
	--oemitra-font-label: "JetBrains Mono", ui-monospace, monospace;
	--oemitra-text-xs: 0.75rem;
	--oemitra-text-sm: 0.875rem;
	--oemitra-text-base: 1rem;
	--oemitra-text-lg: 1.125rem;
	--oemitra-text-xl: clamp(1.375rem, 3vw, 1.75rem);
	--oemitra-text-2xl: clamp(1.5rem, 3.5vw, 2.25rem);
	--oemitra-text-hero: clamp(1.75rem, 4vw, 2.75rem);
	--oemitra-leading-tight: 1.15;
	--oemitra-leading-body: 1.65;

	/* Motion */
	--oemitra-transition: 0.25s ease;
	--oemitra-transition-slow: 0.4s ease;
}