color scheme matching the company

assets/css/app.css

@@ -39,17 +39,23 @@
 @theme {
   /* light mode — Catppuccin Latte (https://catppuccin.com/palette)
    * Base #eff1f5, Mantle #e6e9ef, Surface1 #bcc0cc, Subtext1 #5c5f77,
-   * Subtext0 #6c6f85, Text #4c4f69, Blue #1e66f5. */
+   * Subtext0 #6c6f85, Text #4c4f69. Primary is the KOMPRESS logo blue
+   * (sampled from logo.jpg) rather than the Latte blue. */
   --color-surface: #eff1f5;            /* Base */
   --color-surface-alt: #e6e9ef;        /* Mantle */
   --color-on-surface: #5c5f77;         /* Subtext1 */
   --color-on-surface-strong: #4c4f69;  /* Text */
-  --color-primary: #1e66f5;            /* Blue */
+  --color-primary: #1600ff;            /* KOMPRESS logo blue */
   --color-on-primary: #eff1f5;         /* Base */
   --color-secondary: #6c6f85;          /* Subtext0 */
   --color-on-secondary: #eff1f5;       /* Base */
   --color-outline: #bcc0cc;            /* Surface1 */
   --color-outline-strong: #4c4f69;     /* Text */
+  /* CTA: solid fill for large/filled buttons + the contact block. The vivid
+   * logo blue (--color-primary) is reserved for tiny accents (links, hover
+   * tints, badges); a calmer Latte blue reads better across big surfaces. */
+  --color-cta: #1e66f5;
+  --color-on-cta: #eff1f5;
 
   /* dark mode — Gruvbox dark palette (https://github.com/morhetz/gruvbox)
    * bg0 #282828, bg1 #3c3836, bg2 #504945, fg0 #fbf1c7, fg1 #ebdbb2,
@@ -64,6 +70,9 @@
   --color-on-secondary-dark: #1d2021;       /* bg0_h */
   --color-outline-dark: #504945;            /* bg2 */
   --color-outline-dark-strong: #bdae93;     /* fg3 */
+  /* CTA in dark mode tracks the existing primary so dark buttons are unchanged. */
+  --color-cta-dark: #83a598;                /* = primary-dark */
+  --color-on-cta-dark: #1d2021;             /* = on-primary-dark */
 
   /* shared status colors (same in both modes) */
   --color-info: var(--color-sky-500);