/** GoldVine Theme */
:root {
	--gv-primary: var(--primary-color);
	--gv-secondary: var(--secondary-color);
	--gv-tertiary: var(--tertiary-color);
	--gv-success: var(--success-color);
	--gv-warning: var(--warning-color);
	--gv-danger: var(--danger-color);
	--gv-dark: var(--dark-color);
	--gv-medium: var(--medium-color);
	--gv-light: var(--light-color);

	--gv-clear: #fff;
	--gv-clear-contrast: #000;
	
	--gv-primary-light: var(--primary-color-light);
	--gv-primary-dark: var(--primary-color-dark);
	--gv-secondary-light: var(--secondary-color-light);
	--gv-secondary-dark: var(--secondary-color-dark);
	--gv-tertiary-light: var(--tertiary-color-light);
	--gv-tertiary-dark: var(--tertiary-color-dark);
	--gv-success-light: var(--success-color-light);
	--gv-success-dark: var(--success-color-dark);
	--gv-warning-light: var(--warning-color-light);
	--gv-warning-dark: var(--warning-color-dark);
	--gv-danger-light: var(--danger-color-light);
	--gv-danger-dark: var(--danger-color-dark);

	--gv-primary-contrast: #000;
	--gv-secondary-contrast: #fff;
	--gv-tertiary-contrast: #000;
	--gv-success-contrast: #fff;
	--gv-warning-contrast: #000;
	--gv-danger-contrast: #fff;
	--gv-light-contrast: var(--gv-clear-contrast);
	--gv-medium-contrast: #fff;
	--gv-dark-contrast: var(--gv-clear);

	--gv-font-family: var(--font-family);
	--gv-font-xlarge: var(--font-xlarge);
	--gv-font-large: var(--font-large);
	--gv-font-medium: var(--font-medium);
	--gv-font-small: var(--font-small);
	--gv-font-xsmall: var(--font-xsmall);
	--primary-color: #ffa800;
	--secondary-color: #aa2dff;
	--tertiary-color: #88ac4a;
	--success-color: #41B100;
	--warning-color: #FD7F00;
	--danger-color: #e44333;
	--dark-color: #171612;
	--medium-color: #7d766a;
	--light-color: #F4EADC;

	--primary-color-light: #FFEBC2;
	--primary-color-dark: #291b00;
	--secondary-color-light: #EFD6FF;
	--secondary-color-dark: #180029;
	--tertiary-color-light: #EDF3E2;
	--tertiary-color-dark: #171D0C;
	--danger-color-light: #EF8A81;
	--danger-color-dark: #7E1A10;

	--font-family: Poppins;
	--font-xlarge: 3rem;
	--font-large: 2rem;
	--font-medium: 0.875rem;
	--font-small: 0.75rem;
	--font-xsmall: 0.5rem;

	--high-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	--emphasis-shadow: 0 2px 0.5px rgba(0, 0, 0, 0.24);
	--dim: 0.6;

	--background-shade-light: white;
	--background-shade-dark: #f3f3f3;
}

/** Ionic CSS Variables **/
:root {
	--ion-color-primary: #ffa800;
	--ion-color-primary-rgb: 255,168,0;
	--ion-color-primary-contrast: #000000;
	--ion-color-primary-contrast-rgb: 0,0,0;
	--ion-color-primary-shade: #e09400;
	--ion-color-primary-tint: #ffb11a;

	--ion-color-secondary: #aa2dff;
	--ion-color-secondary-rgb: 170,45,255;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 255,255,255;
	--ion-color-secondary-shade: #9628e0;
	--ion-color-secondary-tint: #b342ff;

	--ion-color-tertiary: #88ac4a;
	--ion-color-tertiary-rgb: 136,172,74;
	--ion-color-tertiary-contrast: #000000;
	--ion-color-tertiary-contrast-rgb: 0,0,0;
	--ion-color-tertiary-shade: #789741;
	--ion-color-tertiary-tint: #94b45c;

	--ion-color-success: #41B100;
	--ion-color-success-rgb: 65,177,0;
	--ion-color-success-contrast: #ffffff;
	--ion-color-success-contrast-rgb: 255,255,255;
	--ion-color-success-shade: #399c00;
	--ion-color-success-tint: #54b91a;

	--ion-color-warning: #FD7F00;
	--ion-color-warning-rgb: 253,127,0;
	--ion-color-warning-contrast: #000000;
	--ion-color-warning-contrast-rgb: 0,0,0;
	--ion-color-warning-shade: #df7000;
	--ion-color-warning-tint: #fd8c1a;

	--ion-color-danger: #e44333;
	--ion-color-danger-rgb: 228,67,51;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255,255,255;
	--ion-color-danger-shade: #c93b2d;
	--ion-color-danger-tint: #e75647;

	--ion-color-dark: #171612;
	--ion-color-dark-rgb: 23,22,18;
	--ion-color-dark-contrast: #ffffff;
	--ion-color-dark-contrast-rgb: 255,255,255;
	--ion-color-dark-shade: #141310;
	--ion-color-dark-tint: #2e2d2a;

	--ion-color-medium: #7d766a;
	--ion-color-medium-rgb: 125,118,106;
	--ion-color-medium-contrast: #ffffff;
	--ion-color-medium-contrast-rgb: 255,255,255;
	--ion-color-medium-shade: #6e685d;
	--ion-color-medium-tint: #8a8479;

	--ion-color-light: #F4EADC;
	--ion-color-light-rgb: 244,234,220;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0,0,0;
	--ion-color-light-shade: #d7cec2;
	--ion-color-light-tint: #f5ece0;

  /** Fonts */
  --ion-font-family: var(--font-family);

  /** Light Theme */
  --clear-background: #fff;
  --clear-background-contrast: #000;
  --ion-card-background: #ffffff;
}

@media (prefers-color-scheme: dark) {
	/* GoldVine Theme */
	:root {
		--gv-dark: var(--light-color);
		--gv-light: var(--dark-color);
		--gv-clear: #000;
		--gv-clear-contrast: #fff;
	}

	body {
		--ion-color-primary: #ffa800;
		--ion-color-primary-rgb: 255,168,0;
		--ion-color-primary-contrast: #000000;
		--ion-color-primary-contrast-rgb: 0,0,0;
		--ion-color-primary-shade: #e09400;
		--ion-color-primary-tint: #ffb11a;

		--ion-color-secondary: #aa2dff;
		--ion-color-secondary-rgb: 170,45,255;
		--ion-color-secondary-contrast: #ffffff;
		--ion-color-secondary-contrast-rgb: 255,255,255;
		--ion-color-secondary-shade: #9628e0;
		--ion-color-secondary-tint: #b342ff;

		--ion-color-tertiary: #88ac4a;
		--ion-color-tertiary-rgb: 136,172,74;
		--ion-color-tertiary-contrast: #000000;
		--ion-color-tertiary-contrast-rgb: 0,0,0;
		--ion-color-tertiary-shade: #789741;
		--ion-color-tertiary-tint: #94b45c;

		--ion-color-success: #41B100;
		--ion-color-success-rgb: 65,177,0;
		--ion-color-success-contrast: #ffffff;
		--ion-color-success-contrast-rgb: 255,255,255;
		--ion-color-success-shade: #399c00;
		--ion-color-success-tint: #54b91a;

		--ion-color-warning: #FD7F00;
		--ion-color-warning-rgb: 253,127,0;
		--ion-color-warning-contrast: #000000;
		--ion-color-warning-contrast-rgb: 0,0,0;
		--ion-color-warning-shade: #df7000;
		--ion-color-warning-tint: #fd8c1a;

		--ion-color-danger: #e44333;
		--ion-color-danger-rgb: 228,67,51;
		--ion-color-danger-contrast: #ffffff;
		--ion-color-danger-contrast-rgb: 255,255,255;
		--ion-color-danger-shade: #c93b2d;
		--ion-color-danger-tint: #e75647;


		--ion-color-light: #171612;
		--ion-color-light-rgb: 23,22,18;
		--ion-color-light-contrast: #ffffff;
		--ion-color-light-contrast-rgb: 255,255,255;
		--ion-color-light-shade: #141310;
		--ion-color-light-tint: #2e2d2a;

		--ion-color-medium: #7d766a;
		--ion-color-medium-rgb: 125,118,106;
		--ion-color-medium-contrast: #ffffff;
		--ion-color-medium-contrast-rgb: 255,255,255;
		--ion-color-medium-shade: #6e685d;
		--ion-color-medium-tint: #8a8479;

		--ion-color-dark: #F4EADC;
		--ion-color-dark-rgb: 244,234,220;
		--ion-color-dark-contrast: #000000;
		--ion-color-dark-contrast-rgb: 0,0,0;
		--ion-color-dark-shade: #d7cec2;
		--ion-color-dark-tint: #f5ece0;

		--background-shade-light: #1e1e1e;
		--background-shade-dark: black;

		--clear-background: #000;
		--clear-background-contrast: #fff;
	}
}