:root {
  /* Default theme overrides (PWP) */
  /* Rich set of variables similar to Issuer React app */

  /* Brand */
  --color-primary: #94a19f;
  --color-secondary: #3d4b5a;
  --color-accent: #1f094f;

  /* Backgrounds */
  --bg-gradient-from: #edf2f7;
  --bg-gradient-to: #cbd5e1;

  /* Cards and text */
  --card-bg: #ffffff;
  --card-text: #111827;
  --muted-text: #6b7280;

  /* Borders and radii */
  --border-color: #e5e7eb;
  --focus-color: #4f46e5;
  --card-radius: 12px;
  --small-radius: 8px;

  /* Primary buttons */
  --button-primary-from: #4a9b8e;
  --button-primary-to: #3a8a7d;
  --button-primary-text: #ffffff;
  --button-primary-hover-from: #438c80;
  --button-primary-hover-to: #347a6f;

  /* Secondary buttons */
  --secondary-button-bg: #2c3e50;
  --secondary-button-text: #ffffff;

  /* Action buttons */
  --action-button-bg: #454545;
  --action-button-text: #ffffff;

  /* Loading */
  --spinner-color: #4a9b8e;
  --loading-bg-gradient-from: #15395B;
  --loading-bg-gradient-to: #3e3e3d;
  --loading-spinner-border: rgba(255, 255, 255, 0.3);
  --loading-spinner-border-top: #ffffff;

  /* QR section */
  --qr-header-from: #4a9b8e;
  --qr-header-to: #3a8a7d;
  --qr-bg-from: #4a9b8e;
  --qr-bg-to: #3a8a7d;

  /* Panels and dividers */
  --panel-bg: #f8fafc;
  --divider: #e2e8f0;
  --muted-2: #64748b;
  --hover-muted-bg: #f1f5f9;

  /* Error */
  --error-bg: #fef2f2;
  --error-border: #fecaca;
  --error-text: #991b1b;

}