/* ════════════════════════════════════════════════════════════════
   PEMAI HUB SKIN — brand overrides on top of hub-tokens.css
   Loaded AFTER hub-tokens.css. Only override what differs.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* Pemai brand */
  --lpwd-hub-brand:        #00a0ff;
  --lpwd-hub-accent:       #ff0000;

  /* Match concept-5 site typography (Inter is also used by main site) */
  --lpwd-hub-font-head:    'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --lpwd-hub-font-body:    'Inter', 'Helvetica Neue', system-ui, sans-serif;

  /* Holiday/travel brand: lighter card surfaces (per agency memory) */
  --lpwd-hub-surface:      #f4f8fc;   /* paper-tone, vacation feel */
  --lpwd-hub-surface-2:    #e8f1f9;
}

body.dark-mode {
  /* Dark-mode cards stay light-touched (sky-blue veil) per holiday-brand rule */
  --lpwd-hub-surface:      #131a24;
  --lpwd-hub-surface-2:    #1a2332;
  --lpwd-hub-border:       #243044;
  --lpwd-hub-brand:        #4ab8ff;   /* slight lift for dark bg contrast */
}