:root {

    --yusaso-blue: #06717d;
	--yusaso-blue-light: #275861;
    --yusaso-green: #12824b;
	--yusaso-green-light: #4b735f;
    --yusaso-purple: #601e5a;
	--yusaso-purple-light: #693b64;
	--yusaso-orange: #fab207;
	--faded: #ccc;
	--light: #fff;
	--dark: #000;
	--glyph: #fff;		

    --font-lg: 1.45rem;
    --font-md: 1rem;
    --font-sm: 0.875rem;
    --font-xl: 1.5rem;
    --font-xs: 0.75rem;
	--font-family: Arial, Helvetica, sans-serif !important;
	--standard-button-gap: 4px;
	--radius-none: 0;
	--radius-small: 8px;
	--radius-large: 15px;		
	
	--primary-color: #06010d;  /* deep purple-black #333 med grey */
	--primary-accent-color: #06424d; /* darker teal */	
	--primary-border-color: #0a0514; /* Oct 14 2026 - solid; was gradient-mix, invalid as a border color */	
    --primary-font-color: #fff;	
	--primary-transparent: color-mix(in srgb,var(--primary-color) 90%,transparent);		
	
    --secondary-color: #06010d; /*#525252; lighter grey */
	--secondary-accent-color: #275861;  /* lighter teal */
	--secondary-border-color: var(--primary-color);
    --secondary-font-color: #275861; /* Oct 15 2026 (Q1126) - lighter purple, readable on --secondary-color */	
	
	--tertiary-color: #0c0712;	
	--tertiary-font-color: #fff;
	--tertiary-border-color: var(--primary-accent-color); /* Oct 14 2026 - solid; was feature-gradient */

	--font-inactive-color: #507f87;
	--missed-call-red: #d93a2f; 
	
    --primary-link-active-color: #4aa2b0;
    --primary-link-color: var(--yusaso-blue);
    --primary-link-hover-color: #22a2b3;	
	
    --primary-toolbar-color: #111111;
    --secondary-toolbar-color: #222222;
	
	--alert-bad-bg: var(--yusaso-purple-light);
	--alert-bad-border: var(--yusaso-purple);
	--alert-good-bg: var(--yusaso-green-light);
	--alert-good-border: var(--yusaso-green);

	--glow: var(--light);
	--shadow-backdrop: 0 0 10px rgba(13, 13, 13, 0.2), 0 14px 34px rgba(0, 0, 0, 0.45);
	--shadow-color: var(--dark);
	--backdrop: var(--dark);

    --body-bg-color: var(--primary-color);
    --header-bg-color: var(--secondary-color);
    --header-link-color: var(--secondary-font-color);
	
	--gradient-content-bg: color-mix(in srgb, var(--primary-color) 40%, transparent);

	--body-bg-gradient: radial-gradient(ellipse at 12% 18%, rgba(0, 180, 190, .22) 0, rgba(0, 180, 190, 0) 48%), radial-gradient(ellipse at 88% 15%, rgba(55, 115, 235, .18) 0, rgba(55, 115, 235, 0) 45%), radial-gradient(ellipse at 82% 88%, rgba(160, 75, 210, .16) 0, rgba(160, 75, 210, 0) 48%), radial-gradient(ellipse at 15% 85%, rgba(240, 105, 105, .12) 0, rgba(240, 105, 105, 0) 44%);

	--gradient-mix: linear-gradient(90deg, rgba(4, 4, 23, 1) 0%, rgba(7, 18, 18, 1) 25%, rgba(10, 5, 20, 1) 50%, rgba(23, 3, 23, 1) 76%, rgba(7, 7, 26, 1) 100%) !important;
    --gradient-mix-header: linear-gradient(90deg, rgba(4, 4, 23, 1) 0%, rgba(7, 18, 18, 1) 25%, rgba(10, 5, 20, 1) 50%, rgba(23, 3, 23, 1) 76%, rgba(7, 7, 26, 1) 100%);

	--feature-gradient: linear-gradient(135deg, rgba(8, 1, 11, 0.92), rgba(3, 0, 6, 0.94));

	--button-full-set-image: var(--theme-button-bg-full);
	--button-mobile-set-image: var(--theme-button-bg-mobile);
	--theme-button-bg-full: url("../images/theme_samples/yusaso_metal_button_full.png");
	--theme-button-bg-mobile: url("../images/theme_samples/yusaso_metal_button_mobile.png");
}