:root:not([data-theme=dark]),
[data-theme=light] {
  /* ===== Colores primarios - Verde WhatsApp ===== */
  --pico-primary: #075E54;
  --pico-primary-background: #075E54;
  --pico-primary-border: #075E54;
  --pico-primary-underline: #075E54;
  --pico-primary-hover: #064E46;
  --pico-primary-hover-background: #064E46;
  --pico-primary-hover-border: #064E46;
  --pico-primary-hover-underline: #064E46;
  --pico-primary-focus: rgba(7, 94, 84, 0.25);
  --pico-primary-inverse: #FFFFFF;

  /* ===== Colores secundarios - Verde claro de acción ===== */
  --pico-secondary: #25D366;
  --pico-secondary-background: #25D366;
  --pico-secondary-border: #25D366;
  --pico-secondary-underline: #25D366;
  --pico-secondary-hover: #1DA851;
  --pico-secondary-hover-background: #1DA851;
  --pico-secondary-hover-border: #1DA851;
  --pico-secondary-hover-underline: #1DA851;
  --pico-secondary-focus: rgba(37, 211, 102, 0.25);
  --pico-secondary-inverse: #111B21;

  /* ===== Color de contraste / acción principal ===== */
  --pico-contrast: #075E54;
  --pico-contrast-background: #075E54;
  --pico-contrast-border: #075E54;
  --pico-contrast-underline: #075E54;
  --pico-contrast-hover: #064E46;
  --pico-contrast-hover-background: #064E46;
  --pico-contrast-hover-border: #064E46;
  --pico-contrast-hover-underline: #064E46;
  --pico-contrast-focus: rgba(7, 94, 84, 0.25);
  --pico-contrast-inverse: #FFFFFF;

  /* ===== Fondos y superficies ===== */
  --pico-background-color: #F0F2F5;
  --pico-card-background-color: #FFFFFF;
  --pico-card-sectioning-background-color: #F0F2F5;
  --pico-dropdown-background-color: #FFFFFF;
  --pico-modal-overlay-background-color: rgba(17, 27, 33, 0.5);

  /* ===== Colores de texto ===== */
  --pico-color: #111B21;
  --pico-muted-color: #667781;
  --pico-muted-border-color: #E9EDEF;
  --pico-h1-color: #111B21;
  --pico-h2-color: #111B21;
  --pico-h3-color: #111B21;
  --pico-h4-color: #111B21;
  --pico-h5-color: #111B21;
  --pico-h6-color: #111B21;

  /* ===== Elementos de formulario ===== */
  --pico-form-element-background-color: #FFFFFF;
  --pico-form-element-border-color: #E9EDEF;
  --pico-form-element-color: #111B21;
  --pico-form-element-placeholder-color: #667781;
  --pico-form-element-active-background-color: #FFFFFF;
  --pico-form-element-active-border-color: #075E54;
  --pico-form-element-focus-color: #075E54;
  --pico-form-element-disabled-background-color: #E9EDEF;
  --pico-form-element-disabled-border-color: #E9EDEF;
  --pico-form-element-invalid-border-color: #EA0038;
  --pico-form-element-invalid-active-border-color: #D10033;
  --pico-form-element-valid-border-color: #25D366;
  --pico-form-element-valid-active-border-color: #1DA851;

  /* ===== Switches y toggles - verde WhatsApp ===== */
  --pico-switch-background-color: #CED4DA;
  --pico-switch-checked-background-color: #25D366;
  --pico-switch-color: #FFFFFF;
  --pico-switch-thumb-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);

  /* ===== Delimitadores de rango ===== */
  --pico-range-border-color: #E9EDEF;
  --pico-range-active-border-color: #CED4DA;

  /* ===== Tablas ===== */
  --pico-table-border-color: #E9EDEF;
  --pico-table-row-stripped-background-color: rgba(102, 119, 129, 0.05);

  /* ===== Código y elementos inline ===== */
  --pico-code-background-color: #F0F2F5;
  --pico-code-color: #075E54;
  --pico-code-kbd-background-color: #111B21;
  --pico-code-kbd-color: #FFFFFF;
  --pico-mark-background-color: #DCF8C6;
  --pico-mark-color: #111B21;
  --pico-ins-color: #25D366;
  --pico-del-color: #EA0038;

  /* ===== Enlaces ===== */
  --pico-text-selection-color: rgba(37, 211, 102, 0.25);

  /* ===== Acentos y decoraciones ===== */
  --pico-icon-color: #54656F;
  --pico-icon-hover: #075E54;
  --pico-icon-focus: #075E54;
  --pico-accordion-border-color: #E9EDEF;
  --pico-accordion-active-summary-color: #075E54;
  --pico-accordion-close-summary-color: #667781;
  --pico-accordion-open-summary-color: #075E54;

  /* ===== Progress bar ===== */
  --pico-progress-background-color: #E9EDEF;
  --pico-progress-color: #25D366;

  /* ===== Tooltip ===== */
  --pico-tooltip-background-color: #111B21;
  --pico-tooltip-color: #FFFFFF;

  /* ===== Badges / etiquetas ===== */
  --pico-badge-background-color: #25D366;
  --pico-badge-color: #111B21;
}