/* ============================================================
 * BeautiFi Rail / theme.css
 * Brand-specific design overrides on top of DUSN tokens.
 * ============================================================
 *
 * SCOPE
 *   This file defines BeautiFi's visual identity. It overrides
 *   the rail-brand-hook variables defined in DUSN's tokens.css
 *   (--sage, --accent, etc.) with BeautiFi's actual palette.
 *
 * LOAD ORDER
 *   1. dusn/tokens.css  (defines neutral defaults)
 *   2. beautifi/theme.css  (THIS FILE — overrides brand hooks)
 *   3. dusn/components.css  (components consume the resolved values)
 *
 * RAIL AUTHORS
 *   To create a new rail's theme, copy this file, rename it, and
 *   change the brand hook values. Do NOT change semantic colors
 *   (--pass / --fail / --warn) — those are DUSN-owned and stable
 *   across the unified feed.
 * ============================================================ */

:root {
  /* BeautiFi's brand palette: sage green + warm amber accent.
   * The choice reflects the "calm capital meets craft labor"
   * positioning — calm enough for ESG officers, warm enough for
   * salon operators, distinct from every other Web3 UI. */
  --sage:        #3d5a58;
  --sage-light:  #eaf0ef;
  --sage-mid:    #6a8a88;
  --accent:      #e8a030;
  --accent-light:#fdf3e0;
}