/* * HYAM Specialty Coffee — ausool brand theme override. * * Loaded ONLY for the ausool build (injected into by brandAssetsPlugin in * vite.config.js, after the compiled Tailwind stylesheet). It redefines the * --color-primary-* / --color-accent-* custom properties that Tailwind v4 emits * into :root from the @theme block in src/index.css. * * Because every primary/accent Tailwind utility (bg-primary-600, text-accent-500, * …) AND the hand-written gradients in index.css all read these variables, this * single override recolors the whole app — no component edits, zero impact on any * other client (no other client loads this file). * * Palette = the client's official Pantone sheet (hyamcoffee/SPECIALTY COFFEE-3.png, * from Mr. Hassan): Pantone 534 C navy #133860 + Pantone 663 C light grey #DBD8DD. * Both hex values were sampled directly from the supplied artwork, so they are the * exact brand inks rather than an approximation of the Pantone references. * * The brand navy is anchored at primary-600 — the shade buttons, headers and nav * use most — rather than at 500. #133860 is already dark, so placing it at 500 * left 600-900 nearly indistinguishable from each other and made large filled * areas oppressive. Tints below 600 blend toward white THROUGH the Pantone 663 * grey, so the light end of the scale stays on-brand instead of drifting to a * generic blue. */ :root { /* Primary — HYAM navy (Pantone 534 C), brand ink at 600 */ --color-primary-50: #eeeff1; --color-primary-100: #e1e4e9; --color-primary-200: #c7ced7; --color-primary-300: #9fadbd; --color-primary-400: #72879f; --color-primary-500: #3f5c7d; --color-primary-600: #133860; --color-primary-700: #102f51; --color-primary-800: #0d2642; --color-primary-900: #0b1d32; /* * Accent — replaces the default orange. HYAM's identity is strictly two colours * (navy + grey), so there is no brand accent to map. Rather than invent an * unrelated hue, this is the lighter companion blue the client already uses for * secondary bands on hyamcoffee.com, derived from the same navy. It stays clearly * distinct from primary (so badges/highlights still read as accents) while * remaining inside the brand family. */ --color-accent-50: #eef3f9; --color-accent-100: #d7e4f1; --color-accent-200: #b3cbe4; --color-accent-300: #85acd2; --color-accent-400: #5589bd; --color-accent-500: #2f6aa5; --color-accent-600: #245685; --color-accent-700: #1d456a; --color-accent-800: #173753; --color-accent-900: #11283c; /* Glow shadow uses the old teal rgb — retint to the brand navy to match primary */ --shadow-glow: 0 0 20px rgb(19 56 96 / 0.35); /* * DELIBERATELY NOT retinting the gray-* scale to Pantone 663 C (#DBD8DD). * * Tried and rejected (Ahmed, 2026-07-29). body/layout use `bg-gray-50`, so * overriding --color-gray-50/100/200 does recolor the page canvas with no * component edits — but those same steps are load-bearing for hover states, * secondary/ghost buttons, borders, disabled controls and table stripes. At full * 663 the Quick Actions secondary buttons read as flat grey slabs and white cards * lose their edge definition against the canvas. The neutral scale has to stay * neutral; 663 belongs in deliberate accents, not as a global surface token. */ }