/* =========================================================
   Pico CSS — Slate Theme
   Uses only Pico palette variables (no custom colors)
   ========================================================= */

/* -------------------------
   Light mode (default)
   ------------------------- */
:root {
  /* Base surfaces */
  --pico-background-color: var(--pico-color-slate-50);
  --pico-card-background-color: #ffffff;

  /* Text */
  --pico-color: var(--pico-color-slate-800);
  --pico-muted-color: var(--pico-color-slate-500);

  /* Primary action */
  --pico-primary: var(--pico-color-slate-700);
  --pico-primary-hover: var(--pico-color-slate-800);
  --pico-primary-focus: var(--pico-color-slate-600);
  --pico-primary-inverse: #ffffff;

  /* Secondary */
  --pico-secondary: var(--pico-color-slate-600);
  --pico-secondary-hover: var(--pico-color-slate-700);

  /* Borders & form elements */
  --pico-border-color: var(--pico-color-slate-200);
  --pico-form-element-border-color: var(--pico-color-slate-300);
  --pico-form-element-focus-color: var(--pico-color-slate-600);

  /* Tables */
  --pico-table-border-color: var(--pico-color-slate-200);
  --pico-table-row-stripe-background-color: var(--pico-color-slate-100);

  /* Code */
  --pico-code-background-color: var(--pico-color-slate-100);
}

/* -------------------------
   Dark mode
   ------------------------- */
[data-theme="dark"] {
  /* Base surfaces */
  --pico-background-color: var(--pico-color-slate-900);
  --pico-card-background-color: var(--pico-color-slate-800);

  /* Text */
  --pico-color: var(--pico-color-slate-100);
  --pico-muted-color: var(--pico-color-slate-400);

  /* Primary action */
  --pico-primary: var(--pico-color-slate-400);
  --pico-primary-hover: var(--pico-color-slate-300);
  --pico-primary-focus: var(--pico-color-slate-500);
  --pico-primary-inverse: var(--pico-color-slate-900);

  /* Secondary */
  --pico-secondary: var(--pico-color-slate-400);
  --pico-secondary-hover: var(--pico-color-slate-300);

  /* Borders & form elements */
  --pico-border-color: var(--pico-color-slate-700);
  --pico-form-element-border-color: var(--pico-color-slate-600);
  --pico-form-element-focus-color: var(--pico-color-slate-400);

  /* Tables */
  --pico-table-border-color: var(--pico-color-slate-700);
  --pico-table-row-stripe-background-color: var(--pico-color-slate-800);

  /* Code */
  --pico-code-background-color: var(--pico-color-slate-800);
}

/* -------------------------
   Custom overrides
   ------------------------- */

/* Fix small text overlapping - override Pico's negative margin */
:where(input, select, textarea, fieldset, .grid) + small {
  margin-top: 0.25rem !important;
}

/* Prevent padding on GMP advanced marker elements on the map */
#map gmp-advanced-marker {
  padding: 0 !important;
}

/* Remove background and border on GMP advanced marker elements on the map */
#map gmp-advanced-marker {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

#map gmp-advanced-marker:focus,
#map gmp-advanced-marker:hover,
#map gmp-advanced-marker:active {
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}