Update primary brand color from blue to corporate dark green

[Copilot]

Brand compliance fix: primary color was #2563eb (blue) but corporate standards mandate #059669 (dark green).

Changes

• style.css: Updated --primary-color CSS variable
• styles/tokens.scss: Updated primary color family and focus ring
  • $primary-color: #059669
  • $primary-color-dark: #047857
  • $primary-color-light: #10b981
  • Focus ring: rgb(5 150 105 / 0.1)

Screenshot

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• googlechromelabs.github.io
  • Triggering command: /usr/local/bin/node node install.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

---

This section details on the original issue you should resolve

<issue_title>🔴 CRITICAL: Update primary brand color from blue to corporate dark green</issue_title>
<issue_description>## Issue Type
🔴 CRITICAL - Brand Compliance Violation

Priority

IMMEDIATE ACTION REQUIRED - Complete within 24 hours

Problem

The website currently uses #2563eb (blue) as the primary color throughout the design system, but corporate brand standards mandate dark green (#059669) as the primary accent color with white backgrounds.

This is a complete brand misalignment affecting the entire website.

Impact

• Brand identity violation across all pages
• Inconsistent with corporate design guidelines from APM design-guidelines package
• Affects all interactive elements, buttons, links, and accent colors

Files Requiring Changes

1. style.css (line 5)

/* Current */
--primary-color: #2563eb;

/* Should be */
--primary-color: danielmeppiel/corporate-website#59669;

2. styles/tokens.scss (lines 6-8)

/* Current */
$primary-color: #2563eb;
$primary-color-dark: #1d4ed8;
$primary-color-light: #3b82f6;

/* Should be */
$primary-color: danielmeppiel/corporate-website#59669;
$primary-color-dark: danielmeppiel/corporate-website#47857;
$primary-color-light: #10b981;

Acceptance Criteria

• Primary color updated to #059669 in style.css
• Primary color updated to #059669 in styles/tokens.scss
• Dark and light variants updated to appropriate green shades
• Visual regression testing completed
• All components display with dark green accent color
• Brand compliance verified

Related Standards

• AGENTS.md - Design Guidelines: "Corporate Brand Colors: Primary Accent: Dark green (#059669 or similar dark green shades)"
• Source: apm_modules/danielmeppiel/design-guidelines/.apm/instructions/design-standards.instructions.md

Testing Checklist

• Homepage displays green accents
• Navigation links use green
• CTA buttons use green background
• Form focus states use green
• All hover states use green variants

---

Created from Design Review conducted on November 25, 2025</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes 🔴 CRITICAL: Update primary brand color from blue to corporate dark green #51

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.