:root {
  /* Light mode variables */
  --background: #e2e8f0;
  --text-primary: #334155;
  --text-secondary: #64748b;
  --card-bg: #f8fafc;
  --card-border: #cbd5e1;
  --header-bg: rgba(248, 250, 252, 0.95);
  --header-shadow: rgba(0, 0, 0, 0.06);
  --input-bg: #f1f5f9;
  --input-border: #94a3b8;
  --accent: #6366f1;
  --accent-hover: #4f46e5;
  --accent-light: rgba(99, 102, 241, 0.12);
  --accent-light-active: rgba(99, 102, 241, 0.2);
  --skeleton-bg: #cbd5e1;
  --footer-bg: #334155;
  --footer-text: #e2e8f0;
  --footer-border: #475569;
}

[data-theme="dark"] {
  /* Dark mode variables */
  --background: #111827;
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
  --card-bg: #1f2937;
  --card-border: #374151;
  --header-bg: rgba(31, 41, 55, 0.95);
  --header-shadow: rgba(0, 0, 0, 0.16);
  --input-bg: #111827;
  --input-border: #374151;
  --accent: #6366f1;
  --accent-hover: #818cf8;
  --accent-light: rgba(99, 102, 241, 0.15);
  --accent-light-active: rgba(99, 102, 241, 0.25);
  --skeleton-bg: #374151;
  --footer-bg: #111827;
  --footer-text: #9ca3af;
  --footer-border: #374151;
}

/* Global Rules */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
  font-family: 'Inter'
}
/* End Global Rules */
/* Small */



/* @media (min-width: 768px) {
    .container {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
  }

  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
} */