/*
 * New Nordic CSS Variables
 * Global color design tokens for the New Nordic theme
 */

:root {
	/* Colors - Primary */
	--nn-color-primary: #2D4838;
	--nn-color-primary-hover: #2D5A48;
	--nn-color-primary-light: #2D4838;
	--nn-color-primary-dark: #2D4838;

	/* Colors - Error/Danger */
	--nn-color-error: #990000;
	--nn-color-error-dark: #990000;
	--nn-color-error-darker: #990000;
	--nn-color-error-light: #C82333;
	--nn-color-error-lighter: #C82333;
	--nn-color-error-bg: #fff5f5;
	--nn-color-error-wp: #C82333;

	/* Colors - Neutral */
	--nn-color-black: #000;
	--nn-color-white: #fff;
	--nn-color-gray-dark: #333;
	--nn-color-gray: #434343;
	--nn-color-gray-light: #9E9E9E;
	--nn-color-gray-lighter: #e2e2e2;
	--nn-color-gray-lighter-alt: #e2e2e2;
	--nn-color-gray-lighter-medium: #ccc;
	--nn-color-gray-lightest: #e2e2e2;
	--nn-color-gray-border: #e2e2e2;
	--nn-color-gray-medium: #9E9E9E;
	--nn-color-gray-text-dark: #231f20;
	--nn-color-gray-text: #434343;
	--nn-color-gray-text-medium: #434343;
	--nn-color-gray-text-light: #9E9E9E;
	--nn-color-gray-border-light: #e2e2e2;
	--nn-color-gray-very-dark: #231f20;
	--nn-color-gray-very-dark-alt: #231f20;
	--nn-color-gray-dark-alt: #231f20;
	--nn-color-gray-dark-text: #231f20;
	--nn-color-gray-dark-text-alt: #231f20;
	--nn-color-gray-bg: #e2e2e2;
	--nn-color-bg-light: #f5f5f5;
	--nn-color-bg-light-green: #f4f9f3;

	/* Colors - Sand/Beige */
	--nn-color-sand-light: #F3F2ED;
	--nn-color-sand-warm: #FFFCF7;

	/* Colors - Silver/Metallic */
	--nn-color-silver: #9E9E9E;
	--nn-color-silver-shiny: #9E9E9E;

	/* Colors - Accent/Utility */
	--nn-color-accent-green: #9AADA2;

	/* Colors - Status/Feedback */
	--nn-color-success: #166F21;
	--nn-color-info: #3F80C1;
	--nn-color-error-alt: #990000;
	--nn-color-focus: #3F80C1;

	/* Colors - Package Colors */
	--nn-color-package-pink-bright: #CB007B;
	--nn-color-package-yellow: #FFCD00;
	--nn-color-package-purple: #722281;
	--nn-color-package-green-light: #CDDE00;
	--nn-color-package-red-cherry: #9A0150;

}