/* ========================================
   COPY'S PLACE WEBSITE - VARIABLES DE TEMA
   ======================================== */

:root {
  /* MODO CLARO */
  --cream: #fff5f0;
  --orange: #ff7a3d;
  --deep-orange: #d45a2c;
  --pink: #ff69b4;
  --hot-pink: #ff1493;
  --light-pink: #ffc0cb;
  --accent: #ff7a3d;
  --text-dark: #2a1810;
  --border-color: #2a1810;
  --shadow: rgba(212, 90, 44, 0.3);
}

/* MODO OSCURO */
body.dark-mode {
  --cream: #1a1410;
  --orange: #ff9a5f;
  --deep-orange: #ff7a3d;
  --pink: #ff69b4;
  --hot-pink: #ff1493;
  --light-pink: #3a2a20;
  --accent: #ff7a3d;
  --text-dark: #f5f1ed;
  --border-color: #ff7a3d;
  --shadow: rgba(255, 122, 61, 0.3);
}

body.dark-mode section h2 {
  text-shadow: 2px 2px 0 rgba(255, 122, 61, 0.4);
}

body.dark-mode .portfolio-item,
body.dark-mode .about-content,
body.dark-mode .contact-container,
body.dark-mode .comment-form,
body.dark-mode .comments-display {
  background: #2a1f18;
}

body.dark-mode .comment {
  background-color: #3a2f28;
}