:root {
  /* HDA theme overrides (PWP) */
  /* Palette */
  --color-primary: #1d3557;
  --color-secondary: #457b9d;
  --color-accent: #e63946;

  /* Backgrounds */
  --bg-gradient-from: #253348;
  --bg-gradient-to: #8fb0d6;

  /* Cards and text */
  --card-bg: #ffffff;
  --card-text: #0f172a;
  --muted-text: #475569;

  /* Borders and radii */
  --border-color: #e2e8f0;
  --focus-color: #457b9d;
  --card-radius: 12px;
  --small-radius: 8px;

  /* Primary buttons */
  --button-primary-from: #1d3557;
  --button-primary-to: #457b9d;
  --button-primary-text: #ffffff;
  --button-primary-hover-from: #1a2f4e;
  --button-primary-hover-to: #3f6f91;

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

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

  /* Loading */
  --spinner-color: #e63946;
  --loading-bg-gradient-from: #1d3557;
  --loading-bg-gradient-to: #2c3e50;
  --loading-spinner-border: rgba(255, 255, 255, 0.25);
  --loading-spinner-border-top: #ffffff;

  /* QR section */
  --qr-header-from: #1d3557;
  --qr-header-to: #457b9d;
  --qr-bg-from: #1d3557;
  --qr-bg-to: #457b9d;

  /* Panels and dividers */
  --panel-bg: #f8fafc;
  --divider: #e2e8f0;
  --muted-2: #475569;
  --hover-muted-bg: #eef2f7;

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

}