/*
 * Shared CSS custom properties (design tokens) for the Econ app.
 *
 * Loaded site-wide via ResponsiveMaster.master, before all other stylesheets,
 * so these variables are available everywhere. This file is purely additive:
 * it does not change any existing rule's rendered output on its own.
 *
 * Values below are the most-duplicated literals found across the CSS
 * codebase as of the #1117 CSS audit (e.g. #21618c ~123 uses, #fff ~138
 * uses, #ccc ~96 uses). Breakpoints match Bootstrap's own grid breakpoints
 * (already a site dependency) rather than inventing a new scale.
 *
 * Usage in new/touched CSS: prefer var(--blue-primary) etc. over repeating
 * the literal value. Retrofit existing rules opportunistically as you touch
 * nearby code - this file does not by itself change any existing page.
 */

:root {

	/* Colors */
	--blue-primary: #21618c;
	--white-primary: #fff;
	--border-grey: #ccc;
	--error-red: #c41e24; /* WCAG AA 5.9:1 on white - #ed1c24/plain "red" both fall short of 4.5:1 */
	--shadow-grey: #c3c3c3; /* box-shadow color - 10 uses codebase-wide */
	--blue-light: #aed0ea; /* border/background accent - 9 uses codebase-wide */
	--blue-pale: #dfecfe; /* highlight/hover background - 46 uses codebase-wide */
	--link-blue: #0079c2; /* .linkText accent - 65 uses codebase-wide */
	--blue-medium: #2a52be; /* 16 uses codebase-wide */
	--blue-navy: #0E3386; /* 8 uses codebase-wide */
	--blue-mist: #E1EBEE; /* 9 uses codebase-wide */
	--cyan-pale: #ecfafd; /* 13 uses codebase-wide */
	--sky-pale: #d9eef9; /* 17 uses codebase-wide */
	--blue-azure: #3498db; /* 14 uses codebase-wide */
	--text-dark: #333; /* 20 uses codebase-wide */
	--grey-medium: #999; /* 11 uses codebase-wide */
	--blue-bright: #90d1f8; /* 20 uses codebase-wide */
	--slate-pale: #e2e8f0; /* 12 uses codebase-wide */
	--navy-deep: #182a38; /* ResponsiveMaster.MY.css country-scheme override - 13 uses, all in that one file */

	/* Breakpoints (match Bootstrap 5 grid: sm/md/lg/xl) */
	--bp-sm: 576px;
	--bp-md: 768px;
	--bp-lg: 992px;
	--bp-xl: 1200px;

	/* Font sizes (rem, off a 16px root) - added for the #1117 */
	--font-size-base: 0.875rem; /* 14px equivalent */
	--font-size-sm: 0.75rem; /* 12px / 9pt equivalent (both resolve to the same value) */
	--font-size-xs: 0.6667rem; /* 8pt equivalent */
	--font-size-md: 1rem; /* 16px equivalent - 38 uses codebase-wide */
	--font-size-lg: 1.125rem; /* 18px equivalent - 15 uses codebase-wide */

	/* Font weights - added from the #1117 codebase-wide audit (22/60/95 uses) */
	--font-weight-medium: 500;
	--font-weight-demibold: 550; /* non-standard step between medium and semibold, but heavily duplicated as-is */
	--font-weight-semibold: 600;

	/* Spacing (rem, off a 16px root) - added for the #1117 */
	--spacing-xs: 0.125rem; /* 2px equivalent - 74 uses codebase-wide */
	--spacing-3: 0.1875rem; /* 3px equivalent - 65 uses codebase-wide */
	--spacing-4: 0.25rem; /* 4px equivalent - 17 uses codebase-wide */
	--spacing-sm: 0.3125rem; /* 5px equivalent */
	--spacing-6: 0.375rem; /* 6px equivalent - 17 uses codebase-wide */
	--spacing-7: 0.4375rem; /* 7px equivalent - 19 uses codebase-wide */
	--spacing-half: 0.5rem; /* 8px equivalent - 39 uses codebase-wide */
	--spacing-md: 0.625rem; /* 10px equivalent */
	--spacing-15: 0.9375rem; /* 15px equivalent - 25 uses codebase-wide */
	--spacing-lg: 1.25rem; /* 20px equivalent - 79 uses codebase-wide */
	--spacing-25: 1.5625rem; /* 25px equivalent - 9 uses codebase-wide */

	/* Border radius - added from the #1117 codebase-wide audit (59/43/10/16/19 uses) */
	--radius-2xs: 0.1875rem; /* 3px equivalent */
	--radius-xs: 0.25rem; /* 4px equivalent */
	--radius-sm: 0.3125rem; /* 5px equivalent */
	--radius-md: 0.375rem; /* 6px equivalent */
	--radius-7: 0.4375rem; /* 7px equivalent - 9 uses codebase-wide */
	--radius-8: 0.5rem; /* 8px equivalent - 16 uses codebase-wide */
	--radius-lg: 0.625rem; /* 10px equivalent */
	--radius-12: 0.75rem; /* 12px equivalent - 7 uses codebase-wide */

	/* Transition duration - added from the #1117 codebase-wide audit (20 uses in app code, excl. vendor lib/) */
	--transition-base: 0.2s;
}