@import "tailwindcss";

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  /*====== LIGHT MODE ======*/

  --color-primary: #e53945;
  --color-text: #1a1a1a;
  --color-text-muted: #676767;
  --color-bg: #e5e7eb; /*#f5f5f7*/
  --color-card: #ffffff;
  --color-shadow: rgba(0, 0, 0, 0.05);
  --text: #e5e7eb;

  /*====== DARK MODE ======*/
  --color-primary: #e53945;
  --color-text: #f2f4f7;
  --color-text-muted: #aeb6c2;
  --color-bg: #0e141b;
  --color-card: #1c252f;
  --color-shadow: rgba(0, 0, 0, 0.3);
}

/* 
nav {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
} */