/* ==========================================================================
   Devir Portal — design tokens
   --------------------------------------------------------------------------
   Single source of truth for the brand colour literals that were previously
   repeated as raw hex values across the stylesheets.

   Rules for this file:
   - Only NEW, unambiguous token names live here. Pre-existing variables such
     as --devir-accent (pink in main.css, green in admin-layout.css) and
     --devir-pink are intentionally left alone; they are page-scoped and
     redefining them here would change rendering.
   - Every value is an exact literal already present in the codebase. Adding a
     token must never introduce a new colour.
   - Load this file FIRST on any page whose stylesheets reference these tokens.
   ========================================================================== */

:root {
  /* Brand navy — headings, dark surfaces, primary text on light backgrounds */
  --devir-navy: #1f2548;

  /* Brand pink ramp, in the order used by the Figma vertical gradient */
  --devir-pink-light: #eb7a9a;
  --devir-pink-base: #ce466c;
  --devir-pink-accent: #dd6084;
  --devir-pink-vivid: #f82d98;
}