/**
 * Corum Pharmacy — brand primitives
 * Color scales: 50 (lightest) → 900 (darkest).
 * Hexes already on the site are filled; blank steps are for you to complete.
 */

:root {
	/* -------------------------------------------------------------------------
	 * Color — Blues
	 * ------------------------------------------------------------------------- */
	--brand-color-blue-50:#E6F1FB ;
	--brand-color-blue-100:#CCE3F5 ;
	--brand-color-blue-200: #99C6EB;
	--brand-color-blue-300: #66AAE2;
	--brand-color-blue-400:#338DD8 ;
	--brand-color-blue-500: #0071ce;
	--brand-color-blue-600: #005AA5;
	--brand-color-blue-700: #00447c;
	--brand-color-blue-800: #002D52;
	--brand-color-blue-900: #001729;

	/* -------------------------------------------------------------------------
	 * Color — Magenta / rose
	 * ------------------------------------------------------------------------- */
	--brand-color-magenta-50: #FDEBF0;
	--brand-color-magenta-100: #F9D6E0;
	--brand-color-magenta-200: #F3AEC2 ;
	--brand-color-magenta-300: #EE85A3;
	--brand-color-magenta-400: #E85D85;
	--brand-color-magenta-500: #e23466;
	--brand-color-magenta-600: #B52A52;
	--brand-color-magenta-700: #881F3D;
	--brand-color-magenta-800: #5A1529;
	--brand-color-magenta-900: #2D0A14;

	/* -------------------------------------------------------------------------
	 * Color — Gold / warm
	 * ------------------------------------------------------------------------- */
	--brand-color-gold-50: #F9F3ED;
	--brand-color-gold-100: #F1E7DA;
	--brand-color-gold-200: #E3CFB6;
	--brand-color-gold-300: #D6B791;
	--brand-color-gold-400: #C89F6D;
	--brand-color-gold-500: #ba8748;
	--brand-color-gold-600: #956C3A ;
	--brand-color-gold-700:#70512B;
	--brand-color-gold-800:#4A361D;
	--brand-color-gold-900: #251B0E;

	/* -------------------------------------------------------------------------
	 * Color — Neutrals
	 * ------------------------------------------------------------------------- */
	--brand-color-gray-50: #ffffff;
	--brand-color-gray-100: ;
	--brand-color-gray-200: ;
	--brand-color-gray-300: ;
	--brand-color-gray-400: ;
	--brand-color-gray-500: ;
	--brand-color-gray-600: ;
	--brand-color-gray-700: ;
	--brand-color-gray-800: #282f3c;
	--brand-color-gray-900: #000000;

	/* -------------------------------------------------------------------------
	 * Color — Alpha (opacity helpers from child CSS; not a lightness scale)
	 * ------------------------------------------------------------------------- */
	--brand-color-black-alpha-50: rgba(27, 27, 27, 0.5);
	--brand-color-gray-alpha-20: #32343633;

	/* -------------------------------------------------------------------------
	 * Gradients
	 * ------------------------------------------------------------------------- */
	--brand-gradient-header: linear-gradient(-90deg, var(--brand-color-blue-500) 0%, var(--brand-color-blue-800) 100%);
	--brand-gradient-cta: linear-gradient(270deg, var(--brand-color-magenta-500) 0%, var(--brand-color-magenta-700) 100%);
	--brand-gradient-cta-hover: linear-gradient(270deg, var(--brand-color-magenta-700) 0%, var(--brand-color-magenta-500) 100%);
	--brand-gradient-blue: linear-gradient(270deg, var(--brand-color-blue-800) 0%, var(--brand-color-blue-500) 100%);

	/* -------------------------------------------------------------------------
	 * Typography — Families
	 * ------------------------------------------------------------------------- */
	--brand-font-sans: Roboto, Helvetica, Arial, sans-serif;
	--brand-font-display: "Homemade Apple", cursive;

	/* -------------------------------------------------------------------------
	 * Typography — Weights
	 * ------------------------------------------------------------------------- */
	--brand-font-weight-light: 300;
	--brand-font-weight-regular: 400;
	--brand-font-weight-medium: 500;
	--brand-font-weight-bold: 700;

	/* -------------------------------------------------------------------------
	 * Typography — Sizes
	 * ------------------------------------------------------------------------- */
	--brand-font-size-xs: 18px;
	--brand-font-size-sm: 20px;
	--brand-font-size-md: 22px;
	--brand-font-size-lg: 24px;
	--brand-font-size-xl: 26px;
	--brand-font-size-2xl: 28px;

	/* -------------------------------------------------------------------------
	 * Typography — Tracking / leading
	 * ------------------------------------------------------------------------- */
	--brand-letter-spacing-cta: 2.2px;
	--brand-line-height-body: 32px;
	--brand-line-height-tight: 25px;
}