From 2e62853b70b5d1fe5fac1169bbc4ce6e6b8b6a7c Mon Sep 17 00:00:00 2001 From: Tudor Date: Mon, 2 Feb 2026 22:27:42 +0000 Subject: [PATCH] Fix: Add missing CSS variables for Add to Compare button The "Add to Compare" button on individual school pages was invisible because the CSS variables --primary, --primary-dark, --success, and --border-light were not defined in globals.css. Added these variables mapped to the existing color palette: - --primary: coral accent (#e07256) - --primary-dark: dark coral (#c45a3f) - --success: teal accent (#2d7d7d) - --border-light: border color (#e5dfd5) The button was already in the DOM but had no background color. Co-Authored-By: Claude Sonnet 4.5 --- nextjs-app/app/globals.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/nextjs-app/app/globals.css b/nextjs-app/app/globals.css index 714ffaa..fded7f2 100644 --- a/nextjs-app/app/globals.css +++ b/nextjs-app/app/globals.css @@ -21,6 +21,12 @@ --accent-teal-light: #3a9e9e; --accent-gold: #c9a227; --accent-navy: #2c3e50; + + /* Button/Action colors */ + --primary: #e07256; + --primary-dark: #c45a3f; + --success: #2d7d7d; + --border-light: #e5dfd5; /* Chart colors */ --chart-1: #e07256;