/* Topaze's brand: token overrides only.
 *
 * Loaded AFTER the kit's stylesheet, so every declaration here wins. It contains NOTHING
 * but custom properties — no selectors, no layout, no components. That is the contract:
 * a brand restyles by naming values, which is why another product (or another company)
 * can produce one with a text editor and no knowledge of the kit's internals.
 *
 * FROM THE TOPAZE DESIGN SYSTEM (owner, 2026-10-30): `primary` is `topaz-800`, the one
 * text-safe brand blue on white (4.9:1), and its hover `topaz-900`; `on-primary` is white.
 * The logo beside this file is `topaze-gemstone.svg` unchanged — the gem alone is the
 * system's mark for square formats and favicons, which is what the kit's slot is.
 */

:root {
  /* THE LIGHT BLUE AT THE HEART OF THE LOGO, its centre facet (owner, 2026-11-03: "the
   * default blue button color should be the light blue in the center of the logo"). White
   * on it reads at about 2:1, so the label is the logo's deepest navy-blue, darkened. */
  --accent:       #55c9ee;
  --accent-hover: #3dbbe6;
  --accent-text:  #06324d;
  /* MONTSERRAT IS THE BRAND FACE, loaded from Google Fonts beside Inter on every page
   * Topaze wears (`constants.BRAND_FONT`, `Brand.font`); Inter stands in until it arrives. */
  --font: "Montserrat", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}