/*
 * Property North Suite — global design tokens.
 *
 * Single source of truth for brand colour, type and shape decisions across
 * every Suite surface (listings, property pages, lead forms, offers,
 * insights, proof map). Loaded before all component stylesheets.
 *
 * The component stylesheets reference these tokens with local fallbacks, so
 * markup renders acceptably even if this file is ever dequeued. The brand
 * values intentionally match the Property North block theme's :root palette
 * so the Suite renders identically under Hello Elementor or the block theme.
 */

:root {
  /* Brand palette (mirrors property-north-theme) */
  --pn-teal: #27c0c0;
  --pn-teal-dark: #1fa5a5;
  --pn-deep-teal: #083b47;
  --pn-navy: #072b3b;
  --pn-gold: #d2ad56;
  --pn-cream: #f5f0ea;
  --pn-mist: #eef5f5;

  /* Semantic tokens — the names component styles consume */
  --pn-ink: var(--pn-navy);
  --pn-muted: #536a74;
  --pn-border: #cad9dc;
  --pn-surface: #ffffff;
  --pn-canvas: var(--pn-mist);
  --pn-action: #127878; /* brand teal #27c0c0 darkened to AA on white & mist */
  --pn-action-hover: #0e6868;
  --pn-accent: var(--pn-gold);
  --pn-success: #17643b;
  --pn-error: #a1262d;

  /* Shape + focus */
  --pn-radius: 0.75rem;
  --pn-radius-large: 1.5rem;
  --pn-focus: var(--pn-gold);
}