/* ----- // Global Variables // ----- */
:root {
  /* Background Colours */
  --bg-body: #f1f5f9;
  --bg-card: #ffffff;

  /* Text Colours */
  --text-main: #1e293b;
  --text-muted: #64748b;

  
  --accent-color: #5c2bb6;
  --border-color: #e2e8f0;
  --primary-gradient: linear-gradient(90deg, #322bb6 0%, #712bb6 100%);
  --header-bg: rgba(241, 245, 249, 0.85);

  /* Navbar Colours */
  --navlink-bg: rgba(255, 255, 255, 0.5);
  --navlink-border: rgba(0, 0, 0, 0.08);
  --navlink-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
  --liquid-ass: inset 0 1px 0 rgba(255, 255, 255, 0.4),
  0 8px 32px rgba(0, 0, 0, 0.05);;
}

/* Dark Mode Colours */
[data-theme='dark'] {
  --bg-body: #0a0a0c;
  --bg-card: #16161a;
  --text-main: #f4f4f5;
  --text-muted: #a1a1aa;
  --accent-color: #a78bfa;
  --border-color: rgba(255, 255, 255, 0.1);
  --header-bg: rgba(15, 23, 42, 0.7);

  /* Navbar Colours */
  --navlink-bg: rgba(30, 30, 30, 0.5); 
  --navlink-border: rgba(255, 255, 255, 0.1);
  --navlink-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

/* ----- // Body and *(star(all)) // --- */
* { 

    text-decoration: none !important; 
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--bg-body);
  color: var(--text-main);
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  line-height: 1.6;
}