:root {
	--noghay-color-primary:    #0d4cd3;
	--noghay-color-primary-2:  #1d5deb;
	--noghay-color-accent:     #38bafe;
	--noghay-color-dark:       #0f172a;
	--noghay-color-text:       #1f2937;
	--noghay-color-muted:      #64748b;
	--noghay-color-surface:    #f8fafc;
	--noghay-color-bg:         #ffffff;
	--noghay-color-border:     #e2e8f0;
	--noghay-color-success:    #16a34a;
	--noghay-color-warning:    #f59e0b;
	--noghay-color-danger:     #dc2626;

	--noghay-radius-sm: 4px;
	--noghay-radius:    8px;
	--noghay-radius-lg: 16px;
	--noghay-radius-pill: 999px;

	--noghay-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
	--noghay-shadow:    0 4px 12px rgba(15, 23, 42, .08);
	--noghay-shadow-lg: 0 12px 32px rgba(15, 23, 42, .14);

	--noghay-space-1: .25rem;
	--noghay-space-2: .5rem;
	--noghay-space-3: 1rem;
	--noghay-space-4: 1.5rem;
	--noghay-space-5: 2.5rem;
	--noghay-space-6: 4rem;

	--noghay-container: 1180px;
	--noghay-transition: .2s ease;
}

body.a11y-mode {
	--noghay-color-bg:      #ffffff;
	--noghay-color-text:    #000000;
	--noghay-color-primary: #0033a0;
	--noghay-color-border:  #000000;
}