/* themes/propertyhub.css — palette + font tokens for propertyhub.ca.
   Palette pivot (2026-06-02): chrome NAVY is identical to condogo.ca
   so both brands share the same dark chrome family — only the accent
   color diverges. Accent sourced from property.ca's visual brand
   (vibrant crimson #EA0649 primary, #CE2C44 hover). This gives
   propertyhub.ca a "red sibling" feel vs condogo.ca's teal. */

:root {
  /* --- Core palette --- */
  /* Chrome (shared with condogo.ca — identical dark family) */
  --navy:        #0c1f38;
  --navy2:       #081628;

  /* Accent (DIVERGES — this is the brand-distinguishing variable) */
  --teal:        #EA0649;   /* crimson — property.ca brand red */
  --teal2:       #CE2C44;   /* darker crimson for hover/press */
  --teal3:       #fde2ea;   /* soft crimson for backgrounds / pills */

  /* Shared neutrals (identical to condogo) */
  --gold:        #c9a96a;
  --off:         #f6f7f9;
  --light:       #e7eaef;
  --mid:         #64748b;
  --text:        #0f172a;
  --green:       #0a7a40;
  --red:         #c0392b;

  /* --- Type stacks --- */
  --serif:       Georgia, 'Cormorant Garamond', serif;
  --sans:        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  /* --- Brand mood --- */
  --brand-primary:   var(--navy);   /* shared chrome */
  --brand-accent:    var(--teal);   /* CRIMSON — diverges from condogo */
  --brand-accent-fg: #ffffff;
}

/* NOTE on naming: --teal / --teal2 / --teal3 are kept as the variable
   NAMES even though propertyhub's accent is crimson, because app.css
   already references them everywhere. Renaming would require touching
   ~921 KB of shared CSS. Treat --teal as "the accent variable" — its
   value, not its name, defines brand color. A future cleanup pass can
   rename to --accent across app.css; out of scope for the migration. */