/* Colors — lifted from assets/css/*.css and the brand SVGs in osain-solutions/prayerpop */
:root {
  /* Brand */
  --pp-brand-blue: #2755aa;          /* logo mark + default bubble/button colour */
  --pp-brand-blue-hover: #1f4a99;    /* --global-button-hover-color */
  --pp-brand-coral: #e76b77;         /* accent shape in the logo mark */
  --pp-brand-white: #fdfdfd;         /* logo counter-shape white */

  /* Visitor widget surface (prayer-pop.css :root) */
  --pp-widget-bg: #2755aa;
  --pp-widget-on-bg: #ffffff;
  --pp-widget-label: #333333;
  --pp-widget-field-bg: #f9f9f9;
  --pp-widget-border: #dddddd;

  /* Popup / chat neutrals (prayer-pop.css, prayer-pop-chat.css) */
  --pp-ink: #172033;
  --pp-ink-soft: #4f5663;
  --pp-muted: #737b89;
  --pp-muted-2: #747b88;
  --pp-muted-3: #687181;
  --pp-line: #dfe2e7;
  --pp-line-strong: #d5d9e0;
  --pp-surface: #ffffff;
  --pp-surface-sunken: #f5f6f8;
  --pp-surface-thread: #f7f8fa;
  --pp-bubble-incoming: #e9ebef;
  --pp-chevron: #8a92a0;

  /* Standalone form (prayer-pop-form.css) */
  --pp-form-text: #2f2f2f;
  --pp-form-muted: #5b5b5b;
  --pp-form-border: #dcdcdc;
  --pp-form-badge-bg: #e9f3f8;
  --pp-form-badge-text: #4a4a4a;
  --pp-form-button-bg: #0b6da8;
  --pp-form-button-bg-hover: #0a5f93;
  --pp-form-placeholder: #8a8a8a;

  /* Feedback */
  --pp-success-bg: #dff0d8;
  --pp-success-text: #3c763d;
  --pp-success-border: #d6e9c6;
  --pp-error-bg: #f2dede;
  --pp-error-text: #a94442;
  --pp-error-border: #ebccd1;
  --pp-chat-error-bg: #fff3f2;
  --pp-chat-error-text: #b42318;

  /* WordPress admin shell (prayer-pop-admin.css + WP core) */
  --pp-wp-blue: #2271b1;
  --pp-wp-blue-dark: #135e96;
  --pp-wp-link: #0073aa;
  --pp-wp-ink: #1d2327;
  --pp-wp-ink-soft: #50575e;
  --pp-wp-muted: #646970;
  --pp-wp-line: #dcdcde;
  --pp-wp-line-strong: #c3c4c7;
  --pp-wp-canvas: #f0f0f1;
  --pp-wp-notice-bg: #f0f6fc;
  --pp-wp-notice-border: #c3d7ea;
  --pp-wp-tip-bg: #f4fbf0;
  --pp-wp-tip-border: #cde5c2;
  --pp-wp-pending-row: #fff9e6;

  /* Chat inbox workspace (prayer-pop-chat-admin.css :root) */
  --ppm-blue: #1877f2;
  --ppm-ink: #172033;
  --ppm-muted: #697386;
  --ppm-line: #e4e7ec;
  --ppm-panel: #ffffff;
  --ppm-canvas: #f5f7fa;
  --ppm-chip-bg: #edf3ff;
  --ppm-row-hover: #f5f7fa;
  --ppm-row-active: #e8f1ff;
  --ppm-avatar-from: #dce9ff;
  --ppm-avatar-to: #ebe4ff;
  --ppm-avatar-text: #315da8;
  --ppm-neutral-action: #f0f2f5;
  --ppm-neutral-action-text: #445064;
  --ppm-save-bg: #4259dd;
  --ppm-save-border: #3854d8;

  /* Submission status badges (prayer-pop-admin-list.css) */
  --pp-status-pending: #dba617;
  --pp-status-pending-release: #b45309;
  --pp-status-approved: #16a34a;
  --pp-status-answered: #047857;
  --pp-status-declined: #dc2626;
  --pp-status-archived: #6b7280;
  --pp-status-private: #4f46e5;
  --pp-type-request: #2680eb;
  --pp-type-testimony: #38c172;
  --pp-visibility-public-bg: #ccfbf1;
  --pp-visibility-public-text: #0b5f59;
  --pp-visibility-public-border: #99f6e4;
  --pp-visibility-private-bg: #e2e8f0;
  --pp-visibility-private-text: #475569;
  --pp-visibility-private-border: #cbd5e1;

  /* Admin row action buttons */
  --pp-action-approve: #16a34a;
  --pp-action-approve-hover: #15803d;
  --pp-action-decline: #dc2626;
  --pp-action-decline-hover: #b91c1c;
  --pp-action-edit: #3b82f6;
  --pp-action-viewed: #2563eb;
  --pp-action-answer: #0f766e;
  --pp-action-archive: #6b7280;
  --pp-action-unarchive: #0ea5e9;
  --pp-action-idle-bg: #f6f7f7;
  --pp-action-idle-border: #ccd0d4;
  --pp-action-idle-text: #50575e;

  /* Slate scale used across admin list, modals and tour */
  --pp-slate-50: #f8fafc;
  --pp-slate-100: #f4f6fa;
  --pp-slate-200: #e2e8f0;
  --pp-slate-300: #cbd5e1;
  --pp-slate-400: #94a3b8;
  --pp-slate-500: #64748b;
  --pp-slate-600: #475569;
  --pp-slate-700: #334155;
  --pp-slate-900: #0f172a;
  --pp-focus-ring: #4c9aff;

  /* Semantic aliases — prefer these in new work */
  --pp-color-primary: var(--pp-brand-blue);
  --pp-color-primary-hover: var(--pp-brand-blue-hover);
  --pp-color-on-primary: #ffffff;
  --pp-text-body: var(--pp-ink);
  --pp-text-muted: var(--pp-muted);
  --pp-text-heading: var(--pp-ink);
  --pp-surface-card: var(--pp-surface);
  --pp-surface-page: var(--pp-surface-sunken);
  --pp-border-default: var(--pp-line);
  --pp-focus-outline: 3px solid color-mix(in srgb, var(--pp-color-primary) 24%, transparent);
}