:root {
	/* Brand */
	--accent: #EE7329;
	--accent-2: var(--accent);
	--accent-strong: var(--accent);
	--cta: var(--accent);
	--accent-rgb: 238 115 41;
	--accent-hover: #D86521;
	--accent-tint: #FEF2E9;

	/* Layout */
	--header-height: 72px;

	/* Typography colors */
	--ink: #0f172a;
	--ink-2: #374151;
	--ink-soft: #374151;
	--muted: #6b7280;
	--text-on: #ffffff;

	/* Surfaces & borders */
	--panel: #ffffff;
	--stroke: #e6e9ee;
	--glass: rgba(255,255,255,.08);

	/* Shadows */
	--soft: 0 10px 28px rgba(2, 6, 23, 0.08);
	--lift: 0 18px 46px rgba(2, 6, 23, 0.14);
	--soft-shadow: 0 8px 24px rgba(2,6,23,.08);
	--lift-shadow: 0 14px 40px rgba(2,6,23,.12);

	/* Thematic backgrounds */
	--bg-deep: #07404d;
	--mint: #e8f7f5;

	/* Section01 */
	--accent-dark: #d66118;

	/* Auth modals */
	--color-primary: var(--accent);
	--color-primary-hover: var(--accent-hover);
	--color-primary-light: rgb(var(--accent-rgb) / 0.1);
	--color-gray-50: #f9fafb;
	--color-gray-200: #e5e7eb;
	--color-gray-400: #9ca3af;
	--color-gray-500: #6b7280;
	--color-gray-600: #374151;
	--color-gray-900: #111827;
	--color-white: #ffffff;
	--color-backdrop: rgba(17, 24, 39, 0.5);
	--color-error: #ef4444;
	--radius-sm: 6px;
	--radius-md: 8px;
	--radius-lg: 12px;
	--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.2);
	--transition-base: all 0.2s ease;

	/* Global tokens used by layouts and error page */
	--main-bg: #ffffff;
	--text-primary: #0f172a;
	--text-secondary: #475569;
	--background-primary: #ffffff;
	--background-secondary: #f8fafc;
	--background-tertiary: #f1f5f9;
	--background-hover: #f1f5f9;
	--border: 1px solid #e2e8f0;
	--border-radius: 12px;
	--transition-all: all 0.2s ease;
	--primary-color: var(--accent);
	--grid-size: 64px;
	--card-bg: #ffffff;
}