:root {
  /* Nord Official Palette: https://www.nordtheme.com/ */
  --color-background: #2e3440;      /* nord0 */
  --color-surface: #3b4252;         /* nord1 */
  --color-surface-hover: #434c5e;   /* nord2 */

  --color-text: #eceff4;            /* nord6 */
  --color-text-secondary: #d8dee9;  /* nord4 */

  --color-primary: #88c0d0;         /* nord8 */
  --color-primary-light: #b0d9e3;
  --color-primary-dark: #6a9caa;
  --color-secondary: #81a1c1;       /* nord9 */
  --color-secondary-light: #a3b8cc;

  --color-border: #4c566a;          /* nord3 */
  --color-shadow: rgba(0, 0, 0, 0.3);

  /* BOTONES PRIMARIOS */
  --btn-primary-bg: #88c0d0;
  --btn-primary-text: #2e3440;
  --btn-primary-hover-bg: #6a9caa;
  --btn-primary-border: #88c0d0;

  /* BOTONES SECUNDARIOS */
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #88c0d0;
  --btn-secondary-hover-bg: rgba(136,192,208,0.2);
  --btn-secondary-border: #88c0d0;

  --drawer-background: #2e3440;
  --drawer-text: #eceff4;
}