/* PostZam — Semantic color aliases (use these in components) */
:root {
  /* Surfaces */
  --surface-page: var(--pz-white);
  --surface-tint: var(--pz-gray-050);
  --surface-card: var(--pz-white);
  --surface-raised: var(--pz-white);
  --surface-navy: var(--pz-navy);          /* headers, footers, dark bands */
  --surface-hover: var(--pz-gray-100);
  --surface-selected: var(--pz-blue-100);

  /* Text */
  --text-heading: var(--pz-navy);           /* all headings are bold navy */
  --text-body: var(--pz-ink);               /* dark grey body */
  --text-muted: var(--pz-gray-600);
  --text-on-navy: var(--pz-white);
  --text-on-teal: var(--pz-white);
  --text-link: var(--pz-blue);

  /* Borders */
  --border-default: var(--pz-gray-300);
  --border-hairline: var(--pz-gray-200);
  --border-strong: var(--pz-navy);
  --border-focus: var(--pz-blue);

  /* Actions — primary = P Blue, secondary = navy outline */
  --action-primary-bg: var(--pz-blue-500);
  --action-primary-bg-hover: var(--pz-blue-600);
  --action-primary-bg-active: var(--pz-blue-700);
  --action-primary-text: var(--pz-white);

  --action-secondary-bg: transparent;
  --action-secondary-border: var(--pz-navy);
  --action-secondary-text: var(--pz-navy);
  --action-secondary-bg-hover: var(--pz-navy-050);

  /* Status */
  --status-live: var(--pz-success);
  --status-warn: var(--pz-warning);
  --status-error: var(--pz-danger);
}