/* Search Hive — Color tokens
   ------------------------------------------------------------------
   A warm, honey-led marketplace palette. One accent voltage (Honey)
   carries every primary CTA, the search orb, the saved state and brand
   links. Neutrals are intentionally WARM (slight amber cast) so the
   whole canvas reads soft and inviting rather than clinical gray.
   ------------------------------------------------------------------ */

:root {
  /* ---- Brand & accent ------------------------------------------- */
  /* Honey: the single brand color. On solid fills we pair it with INK
     text (a deliberate "honey button" choice) rather than white. */
  --sh-honey: #f2a104;
  --sh-honey-active: #d98a00;   /* pointer-down / press fill          */
  --sh-honey-deep: #b5740a;     /* AA-safe amber for links on white   */
  --sh-honey-disabled: #fbe4b3; /* pale tint for disabled CTAs        */
  --sh-honey-wash: #fdf3df;     /* faintest honey fill, hover bands   */

  /* Sub-brand accents — scoped to sub-product surfaces only, never
     used in mainline marketing. */
  --sh-nectar: #c2410c;   /* "Hive Select" premium tier accent        */
  --sh-bloom: #7b2d8e;    /* "Hive Local" experiences sub-brand       */

  /* ---- Surface -------------------------------------------------- */
  --sh-canvas: #ffffff;          /* default page floor                */
  --sh-surface-soft: #faf8f4;    /* lightest warm fill, filter band   */
  --sh-surface-strong: #f2eee7;  /* circular icon-button surface      */

  /* ---- Hairlines & borders -------------------------------------- */
  --sh-hairline: #e4dfd6;        /* default 1px border tone           */
  --sh-hairline-soft: #efebe3;   /* lighter editorial divider         */
  --sh-border-strong: #c9c1b4;   /* input outline, disabled outline   */

  /* ---- Text ----------------------------------------------------- */
  --sh-ink: #2a2118;        /* dominant text, headlines (warm black)  */
  --sh-body: #4a4338;       /* secondary running text                 */
  --sh-muted: #7a7060;      /* sub-titles, inactive labels            */
  --sh-muted-soft: #a39a8a; /* disabled link text                     */
  --sh-on-honey: #2a2118;   /* ink text on Honey fills                */
  --sh-on-dark: #ffffff;    /* white text on ink / dark surfaces      */
  --sh-star: #2a2118;       /* rating stars render in ink, not gold   */

  /* ---- Semantic ------------------------------------------------- */
  --sh-success: #2e7d5b;
  --sh-success-text: #1f6b4a;
  --sh-error: #c0392b;          /* inline form error text             */
  --sh-error-hover: #a93226;
  --sh-legal-link: #2d6cdf;     /* links inside legal sub-band only   */

  /* ---- Scrim ---------------------------------------------------- */
  --sh-scrim: rgba(31, 26, 18, 0.55); /* warm modal backdrop          */

  /* ================================================================
     SEMANTIC ALIASES — reach for these in components.
     ================================================================ */
  --primary: var(--sh-honey);
  --primary-active: var(--sh-honey-active);
  --primary-disabled: var(--sh-honey-disabled);
  --on-primary: var(--sh-on-honey);
  --link: var(--sh-honey-deep);

  --canvas: var(--sh-canvas);
  --surface-soft: var(--sh-surface-soft);
  --surface-strong: var(--sh-surface-strong);

  --border: var(--sh-hairline);
  --border-soft: var(--sh-hairline-soft);
  --border-strong: var(--sh-border-strong);

  --text-strong: var(--sh-ink);
  --text-body: var(--sh-body);
  --text-muted: var(--sh-muted);
  --text-disabled: var(--sh-muted-soft);
}