/* ============================================
   Polly Dark Theme
   ============================================ */
.theme-polly-dark {
  /* Primary */
  --color-primary: #7c9cff;
  --color-primary-hover: #9cb5ff;
  --color-focus: rgba(124, 156, 255, 0.15);
  --color-primary-text: #7c9cff;

  /* Gradient */
  --color-gradient-primary: linear-gradient(91deg, #8b7bff, #4ecfff);
  --color-gradient-shadow: rgba(139, 123, 255, 0.3);
  --color-gradient-shadow-hover: rgba(139, 123, 255, 0.45);
  --shadow-button: 0 4px 14px var(--color-gradient-shadow);
  --shadow-button-hover: 0 6px 20px var(--color-gradient-shadow-hover);

  /* Aurora Background Blobs */
  --color-aurora-1: rgba(139, 123, 255, 0.06);
  --color-aurora-2: rgba(78, 207, 255, 0.05);
  --color-aurora-3: rgba(124, 156, 255, 0.04);
  --color-aurora-4: rgba(78, 207, 255, 0.04);
  --color-aurora-5: rgba(139, 123, 255, 0.03);

  /* Input Borders */
  --color-input-border: #3a4350;
  --color-input-border-hover: #4f5b6b;

  /* Disabled State */
  --color-button-disabled-text: #5a6478;
  --color-button-disabled-border: #3a4350;
  --color-text-disabled: #828692;

  /* Footer Neutrals */
  --color-footer-text: #8a94a6;
  --color-footer-text-hover: #b0bac8;

  /* Logo */
  --logo-url: url('/logos/Polly_Logo_Gradient_RGB.svg');

  /* Surfaces */
  --color-background: #0f1219;
  --color-app-background: var(--color-background);
  --color-surface: #1a1f2e;
  --color-surface-hover: #242938;

  /* Borders */
  --color-border: #2e3644;
  --color-border-light: #242938;

  /* Disabled */
  --color-disabled: #3a4350;

  /* Text */
  --color-text: #e8ecf4;
  --color-text-muted: rgba(232, 236, 244, 0.6);
  --color-text-placeholder: rgba(232, 236, 244, 0.4);
  --color-text-inverse: #0f1219;

  /* Accent */
  --color-accent: #4ecfff;

  /* Interaction States */
  --color-hover-tint: rgba(124, 156, 255, 0.1);
  --color-selected-tint: rgba(124, 156, 255, 0.15);
  --color-selected-hover-tint: rgba(124, 156, 255, 0.2);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 8px 20px rgba(0, 0, 0, 0.4), 0 2px 6px rgba(0, 0, 0, 0.25);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.25), 0 1px 3px rgba(0, 0, 0, 0.15);
  --shadow-card-hover: 0 6px 16px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.2);
  --shadow-card-selected: 0 0 0 2px rgba(124, 156, 255, 0.3), 0 2px 8px rgba(0, 0, 0, 0.2);

  /* Danger */
  --color-danger: #fc8181;
  --color-danger-text: #fc8181;
  --color-danger-bg: rgba(252, 129, 129, 0.1);
  --color-danger-bg-dark: rgba(252, 129, 129, 0.2);
  --color-danger-border: rgba(252, 129, 129, 0.3);
}