/* ============================================
   Polly Theme
   ============================================ */
:root {
  /* Primary */
  --color-primary: #3a6ef5;
  --color-primary-hover: #2d5ee0;
  --color-primary-text: #2d5ee0;
  --color-focus: rgba(58, 110, 245, 0.12);

  /* Gradient */
  --color-gradient-primary: linear-gradient(91deg, #5747f8, #00baf1);
  --color-gradient-shadow: rgba(87, 71, 248, 0.25);
  --color-gradient-shadow-hover: rgba(87, 71, 248, 0.35);
  --shadow-button: 0 4px 14px var(--color-gradient-shadow);
  --shadow-button-hover: 0 6px 20px var(--color-gradient-shadow-hover);

  /* Surface & Background */
  --color-background: #f7f8fa;
  --color-app-background: var(--color-background);

  /* Aurora Background Blobs */
  --color-aurora-1: rgba(87, 71, 248, 0.08);
  --color-aurora-2: rgba(0, 186, 241, 0.07);
  --color-aurora-3: rgba(58, 110, 245, 0.06);
  --color-aurora-4: rgba(0, 186, 241, 0.05);
  --color-aurora-5: rgba(87, 71, 248, 0.05);

  /* Input Borders */
  --color-input-border: #d8dee8;
  --color-input-border-hover: #c0c8d4;

  /* Disabled State */
  --color-button-disabled-text: #c1c9d4;
  --color-button-disabled-border: #dde2ea;
  --color-text-disabled: #6e727a;

  /* Footer Neutrals */
  --color-footer-text: #686f7e;
  --color-footer-text-hover: #5a6478;

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

  /* Typography */
  --font-family-ui: 'Work Sans', sans-serif;
}