/* Using exact Pico color hex values (no dependency on pico.colors.min.css) */

/* Light scheme (Default) */
[data-theme=light],
:root:not([data-theme=dark]),
:host:not([data-theme=dark]) {
  /* Primary (Indigo) */
  --pico-primary: #524ed2; /* indigo 600 */
  --pico-primary-background: #524ed2; /* indigo 600 */
  --pico-primary-hover: #3838ab; /* indigo 700 */
  --pico-primary-hover-background: #3838ab; /* indigo 700 */
  --pico-primary-focus: rgba(82, 78, 210, 0.33); /* indigo 600 @ 33% */
  --pico-primary-inverse: #ffffff;
  --pico-primary-underline: rgba(82, 78, 210, 0.5); /* indigo 600 @ 50% */

  /* Secondary (Cyan) */
  --pico-secondary: #046a6a; /* cyan 600 */
  --pico-secondary-background: #046a6a; /* cyan 600 */
  --pico-secondary-hover: #015050; /* cyan 700 */
  --pico-secondary-hover-background: #015050; /* cyan 700 */
  --pico-secondary-focus: rgba(4, 106, 106, 0.33);
  --pico-secondary-inverse: #ffffff;

  /* Contrast (Purple) */
  --pico-contrast: #9236a4; /* purple 600 */
  --pico-contrast-background: #9236a4; /* purple 600 */
  --pico-contrast-hover: #6f277d; /* purple 700 */
  --pico-contrast-hover-background: #6f277d; /* purple 700 */
  --pico-contrast-focus: rgba(146, 54, 164, 0.33);
  --pico-contrast-inverse: #ffffff;

  /* Text selection (derived from primary) */
  --pico-text-selection-color: rgba(82, 78, 210, 0.25);
}

/* Dark scheme (Auto) */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]),
  :host:not([data-theme]) {
    /* Primary (Indigo) */
    --pico-primary: #9486e1; /* indigo 400 */
    --pico-primary-background: #7569da; /* indigo 500 */
    --pico-primary-hover: #b0a3e8; /* indigo 300 */
    --pico-primary-hover-background: #9486e1; /* indigo 400 */
    --pico-primary-focus: rgba(148, 134, 225, 0.33);
    --pico-primary-inverse: #000000;
    --pico-primary-underline: rgba(148, 134, 225, 0.5);

    /* Secondary (Cyan) */
    --pico-secondary: #22d3ee; /* using a brighter cyan for contrast; close to “cyan 400” vibe */
    --pico-secondary-background: #06b6d4; /* brighter for dark bg */
    --pico-secondary-hover: #67e8f9; /* lighter hover for dark bg */
    --pico-secondary-hover-background: #22d3ee;
    --pico-secondary-focus: rgba(34, 211, 238, 0.33);
    --pico-secondary-inverse: #000000;

    /* Contrast (Purple) */
    --pico-contrast: #c084fc; /* lighter purple for dark bg */
    --pico-contrast-background: #a855f7;
    --pico-contrast-hover: #d8b4fe;
    --pico-contrast-hover-background: #c084fc;
    --pico-contrast-focus: rgba(192, 132, 252, 0.33);
    --pico-contrast-inverse: #000000;

    --pico-text-selection-color: rgba(148, 134, 225, 0.25);
  }
}

/* Dark scheme (Forced) */
[data-theme=dark] {
  --pico-primary: #9486e1; /* indigo 400 */
  --pico-primary-background: #7569da; /* indigo 500 */
  --pico-primary-hover: #b0a3e8; /* indigo 300 */
  --pico-primary-hover-background: #9486e1; /* indigo 400 */
  --pico-primary-focus: rgba(148, 134, 225, 0.33);
  --pico-primary-inverse: #000000;
  --pico-primary-underline: rgba(148, 134, 225, 0.5);

  --pico-secondary: #22d3ee;
  --pico-secondary-background: #06b6d4;
  --pico-secondary-hover: #67e8f9;
  --pico-secondary-hover-background: #22d3ee;
  --pico-secondary-focus: rgba(34, 211, 238, 0.33);
  --pico-secondary-inverse: #000000;

  --pico-contrast: #c084fc;
  --pico-contrast-background: #a855f7;
  --pico-contrast-hover: #d8b4fe;
  --pico-contrast-hover-background: #c084fc;
  --pico-contrast-focus: rgba(192, 132, 252, 0.33);
  --pico-contrast-inverse: #000000;

  --pico-text-selection-color: rgba(148, 134, 225, 0.25);
}